/*
Theme Name: Outline
Author: Outline
Description: Minimal, mobile-first fashion storefront theme for WooCommerce (men, women, boys, girls). Full-screen menu, category collections, product page with size buttons and sticky add-to-cart.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: outline
Tags: e-commerce, woocommerce, elementor, one-column, custom-logo, custom-menu, translation-ready
*/
:root{--bg:#fff;--ink:#000;--mute:#777;--line:#dcdcdc;--ph:#f0f0f0;--yel:#ffe500;--ab:0px}
@media(prefers-color-scheme:dark){:root{--bg:#0c0c0c;--ink:#f4f4f4;--mute:#a0a0a0;--line:#2c2c2c;--ph:#23242a}}
body.admin-bar{--ab:32px}@media(max-width:782px){body.admin-bar{--ab:46px}}
*{box-sizing:border-box}html{font-size:83%;-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Poppins,system-ui,sans-serif;font-weight:300;line-height:1.5;text-transform:uppercase;letter-spacing:.01em}
body:not(.home){padding-top:64px}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;color:inherit}ul{list-style:none;margin:0;padding:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Elementor: use the theme fonts and colours, no extra spacing around the home blocks */
body[class*="elementor-kit-"]{--e-global-typography-primary-font-family:Poppins;--e-global-typography-secondary-font-family:Poppins;--e-global-typography-text-font-family:Poppins;--e-global-typography-accent-font-family:Poppins;--e-global-color-primary:var(--ink);--e-global-color-secondary:var(--mute);--e-global-color-text:var(--ink);--e-global-color-accent:var(--ink)}
.el-main{min-height:50vh}.elementor-widget-shortcode{margin:0!important}.elementor .elementor-widget-shortcode .elementor-shortcode{margin:0}
.elementor-widget-text-editor,.elementor-widget-heading .elementor-heading-title{color:inherit}
/* header */
.site-header{position:fixed;top:var(--ab);left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;color:#fff;transition:background .25s,color .25s}
.site-header.solid{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.logo{font-family:Oswald,sans-serif;font-weight:500;font-size:2.1rem;letter-spacing:.03em;line-height:1;text-transform:uppercase}.logo img{max-height:38px;width:auto}
.site-header .logo{min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:480px){.site-header .logo{font-size:1.7rem}.hr{gap:.7rem}}
.hr{display:flex;align-items:center;gap:1rem}
.sb{display:flex;align-items:center;gap:.6rem;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:.35rem .2rem;width:min(36vw,190px);font-size:.85rem;letter-spacing:.1em;cursor:pointer;text-transform:uppercase}.sb svg{width:24px;height:24px}
.ib{background:none;border:0;cursor:pointer;color:inherit;padding:.2rem;display:grid;place-items:center;position:relative}.ib svg{width:28px;height:28px}
.cc{position:absolute;top:-2px;right:-4px;background:var(--yel);color:#000;font-size:.62rem;font-weight:500;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center}
#sp{display:none;position:fixed;left:0;right:0;top:calc(var(--ab) + 62px);background:var(--bg);color:var(--ink);padding:1rem;z-index:29;border-bottom:1px solid var(--line)}#sp.on{display:block}
#sp input[type=search]{width:100%;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.9rem;font:inherit;text-transform:none;border-radius:0}
/* menu overlay */
#mm{display:none;position:fixed;inset:0;background:var(--bg);color:var(--ink);z-index:100000;overflow-y:auto;padding:0 1.2rem 2rem}#mm.on{display:block}
.mh{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0 1.6rem}
.mt{display:flex;justify-content:space-between;margin-bottom:1.1rem}.mt button{background:none;border:0;cursor:pointer;font-size:1.05rem;letter-spacing:.02em;font-weight:300;text-transform:uppercase;padding:0}.mt button.on{font-weight:500}
.mp{display:none}.mp.on{display:block}
.mtl{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem .9rem;margin-bottom:2rem}
.mtl a{min-width:0;font-weight:500;font-size:.75rem;letter-spacing:.04em}.mtl .tile{aspect-ratio:2/3;margin-bottom:1rem;background:var(--ph);overflow:hidden}.mtl .tile img{width:100%;height:100%;object-fit:cover}
.ln{display:block;padding:1rem 0;font-size:.95rem}.ln>span{display:block;font-weight:500;margin-bottom:.4rem}.ln ul{display:block}.ln li a{display:block;font-weight:300;padding:.85rem 0;border-bottom:1px solid var(--line)}.ln li:last-child a{border-bottom:0}
.acct{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.4rem;text-transform:none;font-size:1.1rem;display:grid;gap:1rem}.acct b{font-weight:500}
@media(min-width:600px){.mtl{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.mtl{grid-template-columns:repeat(6,1fr)}}
/* home */
.hero{height:min(92vh,780px);background-size:cover;background-position:center;position:relative;background-color:#3a2c22}
.lab{position:absolute;left:1rem;bottom:1rem;color:#fff;font-weight:500;font-size:1.9rem;letter-spacing:.01em;line-height:1.1}.lab a{display:block;font-size:1rem;font-weight:300;text-decoration:underline;margin-top:.35rem}
.wrap{max-width:1100px;margin:auto}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 0}.cats .img{aspect-ratio:4/5;background:var(--ph) center/cover}.cats p{margin:.7rem .3rem 1rem;font-weight:400;font-size:.9rem}
.gsec{margin-bottom:2.4rem}.gsec .banner{height:min(75vh,560px);margin-bottom:1rem;background:var(--ph) center/cover;position:relative;display:block}
.ctr{text-align:center;padding:1.2rem 0 .2rem}.ctr b{font-weight:400;display:block;font-size:1.15rem}.ctr a{display:inline-block;margin-top:.5rem;font:italic 400 1.1rem Georgia,"Times New Roman",serif;text-transform:none}
.tabs{display:flex;gap:1.8rem;justify-content:center;flex-wrap:wrap;margin:1.1rem 0 1.5rem}.tabs button{background:none;border:0;cursor:pointer;color:var(--mute);padding:.2rem 0;font-size:.95rem;font-weight:300;text-transform:uppercase}.tabs button.on{color:var(--ink)}
.tp{display:none}.tp.on{display:block}
ul.products.row{display:flex;gap:1.3rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 1rem;scrollbar-width:none}ul.products.row::-webkit-scrollbar{display:none}
ul.products.row>li{flex:0 0 62%;scroll-snap-align:start}
@media(min-width:800px){.cats{grid-template-columns:repeat(4,1fr)}ul.products.row>li{flex-basis:23%}}
/* product card */
.okcard{list-style:none;margin:0;float:none;width:auto;position:relative}
.okcard .im{aspect-ratio:2/3;background:var(--ph);position:relative;overflow:hidden}.okcard .im a.pic{display:block;height:100%}.okcard .im img{width:100%;height:100%;object-fit:cover}
.plus{position:absolute;right:0;bottom:0;width:38px;height:38px;border:0;background:var(--ink);color:var(--bg)!important;font-size:1.3rem;cursor:pointer;display:grid;place-items:center;line-height:1;padding:0;border-radius:0;text-decoration:none}
.okcard .added_to_cart{display:none}
.okcard .woocommerce-loop-product__title{padding:0 .7rem;margin:.75rem 0 .3rem;font-weight:300;font-size:.88rem;line-height:1.3}
.pr{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.85rem;font-weight:400}.okcard .pr{padding:0 .7rem 1.6rem}
.pr ins{text-decoration:none;order:-1;background:none}.pr del{color:var(--mute);font-weight:300}.pr .pct{background:var(--yel);color:#000;padding:.1rem .45rem;font-weight:500;font-size:.8rem}
/* archive */
.cbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;padding:1.6rem 1.2rem 1rem;font-size:.9rem}
.bc{font-size:.9rem}.bc a{color:inherit}.cv{display:flex;align-items:center;gap:.7rem}.cnt{color:var(--mute)}.cv b{font-weight:500}
.cv button{background:none;border:0;cursor:pointer;color:var(--mute);font-size:.95rem;padding:0 .1rem}.cv button.on{color:var(--ink);font-weight:500}.cv svg{width:22px;height:22px}
.ct{display:flex;gap:1.6rem;overflow-x:auto;scrollbar-width:none;padding:1rem 1.2rem 1.4rem}.ct::-webkit-scrollbar{display:none}
.ct a{border-bottom:2px solid transparent;color:var(--mute);font-size:1.1rem;padding-bottom:.3rem;white-space:nowrap;text-transform:none}.ct a.on{color:var(--ink);font-weight:500;border-color:var(--ink)}
#so{display:none;padding:0 1.2rem 1rem}#so.on{display:block}#so select{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:.6rem;font:inherit;text-transform:none}
.cat-page ul.products{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem;margin-bottom:2rem}.cat-page ul.products.v1{grid-template-columns:1fr}.cat-page ul.products.v4{grid-template-columns:repeat(4,1fr);gap:0 .5rem}
.cat-page ul.products.v4 .woocommerce-loop-product__title,.cat-page ul.products.v4 .pr{font-size:.68rem;padding-left:.5rem}
@media(min-width:900px){.cat-page ul.products{grid-template-columns:repeat(4,1fr)}}
.woocommerce-pagination{text-align:center;padding:1rem 0 2rem}.woocommerce-pagination ul{display:flex;gap:.8rem;justify-content:center}.woocommerce-pagination .current{font-weight:500}
/* single product */
.single-main{max-width:1100px;margin:auto}
.gw{position:relative}.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gal::-webkit-scrollbar{display:none}
.gs{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:2/3;max-height:82vh;background:var(--ph);overflow:hidden}.gs img{width:100%;height:100%;object-fit:cover}
.gd{position:absolute;left:1rem;bottom:1rem;display:flex;gap:.5rem}.gd i{width:12px;height:12px;border:1px solid #000;background:#fff}.gd i.on{background:#000}
.single-product .summary{padding:1rem}.single-product .product_title{font-weight:400;font-size:1.25rem;margin:.6rem 0 .7rem}
.single-product .summary .price{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-weight:400;font-size:.95rem;margin:0}.single-product .summary .price ins{text-decoration:none;order:-1;background:none}.single-product .summary .price del{color:var(--mute);font-weight:300}
.sku{font-size:.9rem;margin:.8rem 0 1.4rem}
.szh{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.8rem}.szh a{font-weight:500}
.variations{border:0;width:100%}.variations th.label,.variations .reset_variations{display:none!important}.variations td{padding:0;display:block}.variations tr{display:block}
.szs{display:flex;gap:.6rem;flex-wrap:wrap}.szs button{flex:1;min-width:48px;max-width:72px;height:52px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:.9rem;text-transform:uppercase}.szs button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.szs button:disabled{opacity:.35;text-decoration:line-through}
.single-product .quantity{display:none!important}.single-product form.cart{margin:1rem 0}
.single-product .single_add_to_cart_button,.buy-now{display:block;width:100%;padding:1.1rem;font:inherit;font-size:.95rem;cursor:pointer;margin:0 0 .8rem;font-weight:400;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:0;float:none}
.buy-now{background:transparent;color:var(--ink);border-color:var(--ink)}.woocommerce-variation-add-to-cart{display:block}
.single_add_to_cart_button.disabled,.single_add_to_cart_button:disabled{opacity:.45}
.model-note,.disc{text-align:center;font-size:.78rem;text-transform:none;color:var(--mute);margin:.9rem auto 1.2rem;max-width:42ch}
.dh{font-weight:500;margin:1.6rem 0 .8rem;font-size:.95rem}.dt{text-transform:none;color:var(--mute);padding-left:.3rem;margin-bottom:1.2rem}.dt p{margin:0 0 .8rem}
.related.products>h2{font-weight:500;font-size:1.3rem;padding:2.2rem 1rem 1rem;margin:0}.related ul.products{display:flex;gap:1.3rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.related ul.products>li{flex:0 0 62%;scroll-snap-align:start}
#stk{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);z-index:25;display:none;align-items:center;gap:.8rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px))}#stk.on{display:flex}
#stk img{width:52px;height:68px;object-fit:cover;background:var(--ph)}#stk .tx{flex:1;font-size:.8rem;line-height:1.5}#stk .tx b{font-weight:500;display:block}#stk button{background:var(--ink);color:var(--bg);border:0;padding:.9rem 1.2rem;font-size:.8rem;text-transform:uppercase;cursor:pointer}
@media(min-width:900px){.single-product div.product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 2.5rem;align-items:start;padding:1.5rem 1rem 0}.single-product div.product>.related,.single-product div.product>.upsells{grid-column:1/-1}.gs{max-height:none}.single-product .summary{position:sticky;top:calc(var(--ab) + 84px);padding:0}.gd{left:1.2rem;bottom:1.2rem}.related ul.products>li{flex-basis:23%}}
/* footer */
.news{text-align:center;padding:4rem 1.2rem 2rem}.news h3{font-weight:400;font-size:1.5rem;margin:0 0 .8rem}.news p{text-transform:none;margin:0 auto;max-width:38ch;font-size:1rem;line-height:1.5}.news p a{text-decoration:underline;font-weight:500}
.news form{display:flex;gap:.8rem;margin:1.6rem auto;max-width:520px}.news input[type=email]{flex:1;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:1.2rem 1rem;font:inherit;font-size:1rem;text-transform:none;min-width:0;border-radius:0}
.news form button{width:58px;border:0;background:var(--ink);color:var(--bg);cursor:pointer;display:grid;place-items:center}.news form button svg{width:26px;height:26px}
.acc{max-width:1100px;margin:auto;padding:0 1rem}.acc details{border-top:1px solid var(--line)}.acc details:last-of-type{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1.3rem 0;font-weight:500;font-size:1rem}
.acc summary::after{content:"";width:11px;height:11px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-4px .5rem 0 0;transition:transform .2s}.acc details[open] summary::after{transform:rotate(-135deg);margin-top:4px}.acc summary::-webkit-details-marker{display:none}
.acc a{display:block;color:var(--mute);padding:.35rem 0}.acc p{margin:0;padding:.2rem 0 1rem;color:var(--mute);text-transform:none;line-height:1.6}
.help{text-align:center;padding:2.2rem 1rem 1rem;font-size:1rem;line-height:2.1}.help b{font-weight:500}
.soc{display:flex;gap:2.2rem;justify-content:center;margin:1.6rem 0 2.4rem}.soc a{width:34px;height:34px;display:block}.soc svg{width:100%;height:100%}
.legal{display:flex;gap:2.5rem;justify-content:center;text-transform:none;font-size:1.1rem;font-weight:400}.legal ul{display:flex;gap:2.5rem}
.cur{display:flex;gap:.6rem;align-items:center;justify-content:center;padding:2rem 0 3rem;font-weight:400;font-size:1.1rem}.cur svg{width:28px;height:19px}
/* pages, cart, checkout, account */
.iw{max-width:760px;margin:auto;padding:1.4rem 1.2rem 2.5rem}.iw h1{font-weight:400;font-size:1.5rem;margin:1rem 0 1.2rem}
.iw,.iw *:not(button):not(.button):not(h1):not(th){text-transform:none}.iw p,.iw li{line-height:1.7}
.iw.wide{max-width:1100px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],textarea,select{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:.9rem 1rem;border-radius:0;max-width:100%}
.iw input[type=text],.iw input[type=email],.iw input[type=tel],.iw input[type=password],.iw textarea,.iw select{width:100%}
.iw label{display:block;font-size:.8rem;margin:1rem 0 .3rem}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.wp-block-button__link,.wc-block-components-button,.button{background:var(--ink)!important;color:var(--bg)!important;border:1px solid var(--ink);border-radius:0;padding:1rem 1.4rem;font:inherit;font-size:.9rem;text-transform:uppercase;cursor:pointer;display:inline-block;font-weight:400}
.woocommerce table.shop_table{border:0;border-collapse:collapse;width:100%}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border:0;border-bottom:1px solid var(--line);padding:1rem .5rem;text-align:left}
.woocommerce table.cart img{width:64px}.woocommerce-message,.woocommerce-info,.woocommerce-error{border:1px solid var(--line);padding:1rem;margin:0 0 1rem;list-style:none;text-transform:none}
.woocommerce-MyAccount-navigation ul{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.5rem}.woocommerce-MyAccount-navigation .is-active a{font-weight:500;text-decoration:underline}
.cart_totals,.woocommerce-checkout-review-order{margin-top:1.5rem}
.col2-set .col-1,.col2-set .col-2{float:none;width:100%}
/* block cart: keep the line items inside narrow screens */
.wc-block-cart-items{width:100%}.wc-block-cart-items td{padding-left:0;padding-right:0}.wc-block-cart-items .wc-block-cart-item__image img{width:64px}.wc-block-cart-item__total{text-align:right}
.wc-block-cart-items__row{grid-template-columns:72px minmax(0,1fr) auto!important}