/* ═══ RESET — Kill ALL Storefront ═══ */
.storefront-primary-navigation,.site-header .col-full,.storefront-handheld-footer-bar,.woocommerce-breadcrumb,.woocommerce-result-count,.woocommerce-ordering,.widget_product_search,#secondary,.sidebar,.widget-area,.site-header .site-branding,.storefront-sorting,.site-search,.storefront-product-search,form.woocommerce-ordering{display:none!important}

/* ═══ TOKENS ═══ */
:root{--ink:#1F261E;--cream:#FAF9F5;--muted:#595959;--border:rgba(31,38,30,0.15);--accent:#E85D26;--serif:"Ibarra Real Nova",Georgia,serif;--display:"Jost","Helvetica Neue",sans-serif;--sans:"Inter",-apple-system,sans-serif;--nav-h:84px;--max-w:1400px;--px:clamp(20px,5vw,80px)}

/* ═══ BASE ═══ */
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{background:var(--cream)!important;color:var(--ink)!important;font-family:var(--sans)!important;padding-top:var(--nav-h)!important;margin:0!important}
a{color:inherit;text-decoration:none}
a:hover{opacity:0.7}
img{display:block;max-width:100%}

/* ═══ HEADER ═══ */
.navohi-header{position:fixed!important;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);background:transparent;transition:background 0.3s,box-shadow 0.3s}
.navohi-header.scrolled{background:var(--cream)!important;box-shadow:0 1px 0 var(--border)!important}
.navohi-header-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--px);height:var(--nav-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.navohi-logo{justify-self:start;font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:10px;text-transform:uppercase;color:var(--ink);text-decoration:none}
.navohi-nav{justify-self:center;display:flex;gap:32px}
.navohi-nav a{font-family:var(--sans);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:opacity 0.2s}
.navohi-nav a:hover{opacity:0.6}
.navohi-header-right{justify-self:end}
.navohi-shop-btn{font-family:var(--sans);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);padding:8px 20px;text-decoration:none;transition:all 0.2s}
.navohi-shop-btn:hover{background:var(--ink);color:var(--cream);opacity:1}
.navohi-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;justify-self:end}
.navohi-menu-toggle span{display:block;width:22px;height:1px;background:var(--ink)}
.navohi-mobile-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--cream);border-bottom:1px solid var(--border);padding:24px var(--px);z-index:999}
.navohi-mobile-nav.open{display:block}
.navohi-mobile-nav ul{list-style:none;margin:0;padding:0}
.navohi-mobile-nav ul li a{display:block;font-family:var(--sans);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink);padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none}
@media(min-width:1025px){.navohi-menu-toggle{display:none!important}}
@media(max-width:1024px){.navohi-nav{display:none!important}.navohi-menu-toggle{display:flex!important}.navohi-header-right{display:none!important}}

/* ═══ MAIN CONTENT ═══ */
#page,.site-main,.woocommerce-page .site-main,.archive.woocommerce .site-main{max-width:var(--max-w);margin:0 auto;padding:48px var(--px) 80px;background:var(--cream)}

/* ═══ SHOP PAGE TITLE ═══ */
.woocommerce-products-header h1,.page-title,h1.entry-title{font-family:var(--display)!important;font-size:clamp(40px,6vw,72px)!important;font-weight:300!important;color:var(--ink)!important;letter-spacing:-0.02em!important;line-height:1!important;text-align:center!important;margin-bottom:48px!important}

/* ═══ COLLECTION FILTER ═══ */
.navohi-collection-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--border)}
.navohi-collection-filter a{font-family:var(--sans);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;padding:8px 18px;border:1px solid var(--border);color:var(--muted);transition:all 0.2s;text-decoration:none}
.navohi-collection-filter a:hover,.navohi-collection-filter a.active{background:var(--ink);color:var(--cream);border-color:var(--ink);opacity:1}

/* ═══ PRODUCT GRID ═══ */
ul.products,.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2px!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important}
@media(max-width:900px){ul.products,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:500px){ul.products,.woocommerce ul.products{grid-template-columns:1fr!important}}

/* ═══ PRODUCT CARD ═══ */
.woocommerce ul.products li.product{margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;background:var(--cream)!important;width:auto!important;float:none!important}
.woocommerce ul.products li.product a img,.woocommerce ul.products li.product img.wp-post-image,.woocommerce ul.products li.product .woocommerce-loop-product__link img{width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;object-position:center!important;display:block!important;height:auto!important;max-width:none!important;transition:transform 0.6s ease!important}
.woocommerce ul.products li.product:hover img{transform:scale(1.04)!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-family:var(--display)!important;font-size:15px!important;font-weight:300!important;color:var(--ink)!important;margin:12px 0 4px!important;padding:0!important;letter-spacing:0!important;line-height:1.3!important}
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .woocommerce-Price-amount{font-family:var(--sans)!important;font-size:14px!important;color:var(--muted)!important;margin:0 0 16px!important}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .add_to_cart_button{display:none!important}
.woocommerce ul.products li.product .product-view-btn{position:absolute;bottom:60px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;transition:all 0.3s;font-family:var(--sans);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:white;border:1px solid white;padding:10px 24px;white-space:nowrap;z-index:10}
.woocommerce ul.products li.product:hover .product-view-btn{opacity:1;transform:translateX(-50%) translateY(0)}

/* ═══ SINGLE PRODUCT ═══ */
.single-product #page,.single-product .site-main{padding-top:40px}
.woocommerce div.product{display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important;align-items:start!important}
.woocommerce div.product div.images{grid-column:1!important;position:sticky!important;top:calc(var(--nav-h) + 24px)!important;float:none!important;width:100%!important;margin:0!important}
.woocommerce div.product div.summary{grid-column:2!important;padding-top:20px}
.woocommerce-product-gallery{width:100%!important}
.woocommerce-product-gallery__image img,.woocommerce-product-gallery .flex-viewport img,.woocommerce-product-gallery .wp-post-image{width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;height:auto!important;max-width:none!important}
.flex-control-thumbs{display:flex;gap:4px;margin-top:4px}
.flex-control-thumbs li{flex:1}
.flex-control-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer;opacity:0.5;transition:opacity 0.2s}
.flex-control-thumbs img.flex-active{opacity:1}
.woocommerce div.product h1.product_title{font-family:var(--display)!important;font-size:clamp(28px,3.5vw,44px)!important;font-weight:300!important;color:var(--ink)!important;line-height:1.1!important;margin-bottom:8px!important;letter-spacing:-0.02em!important}
.product-artist{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--muted);margin-bottom:24px;display:block}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:var(--sans)!important;font-size:20px!important;color:var(--ink)!important;margin-bottom:24px!important;display:block!important}
.woocommerce div.product .woocommerce-product-details__short-description{font-family:var(--sans)!important;font-size:15px!important;line-height:1.8!important;color:var(--muted)!important;margin-bottom:28px!important;padding-bottom:28px!important;border-bottom:1px solid var(--border)!important}
.navohi-product-meta{margin:24px 0;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.navohi-product-meta .meta-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0}
.navohi-product-meta .meta-label{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.navohi-product-meta .meta-value{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink)}
.woocommerce div.product form.cart .single_add_to_cart_button,.woocommerce div.product form.cart button[type="submit"]{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:2.5px!important;text-transform:uppercase!important;background:var(--ink)!important;color:var(--cream)!important;border:none!important;padding:16px 48px!important;border-radius:0!important;cursor:pointer!important;transition:background 0.2s!important}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{background:#2d3c2c!important;opacity:1!important}
.woocommerce-tabs,.related.products{grid-column:1/-1!important;margin-top:60px}
.woocommerce-tabs ul.tabs{border-bottom:1px solid var(--border)!important;display:flex!important;gap:0!important;padding:0!important;list-style:none!important;margin-bottom:32px!important;background:none!important}
.woocommerce-tabs ul.tabs li{background:none!important;border:none!important;padding:0!important;margin:0!important}
.woocommerce-tabs ul.tabs li a{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase!important;padding:14px 24px!important;display:block!important;color:var(--muted)!important;border-bottom:2px solid transparent!important}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important;border-bottom-color:var(--ink)!important}
.related.products>h2{font-family:var(--display)!important;font-size:28px!important;font-weight:300!important;margin-bottom:32px!important}
@media(max-width:768px){.woocommerce div.product{grid-template-columns:1fr!important;gap:32px!important}.woocommerce div.product div.images,.woocommerce div.product div.summary{grid-column:1!important;position:static!important}}

/* ═══ CART & CHECKOUT ═══ */
.woocommerce-cart .site-main,.woocommerce-checkout .site-main{max-width:1100px!important}
.woocommerce-cart h1,.woocommerce-checkout h1{font-family:var(--display)!important;font-size:clamp(32px,5vw,52px)!important;font-weight:300!important;margin-bottom:48px!important}
.woocommerce-cart-form table thead th{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:2.5px!important;text-transform:uppercase!important;color:var(--muted)!important;font-weight:400!important;border-bottom:1px solid var(--border)!important;padding:0 0 16px!important;background:none!important}
.woocommerce-checkout .form-row label{font-family:var(--sans);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.woocommerce-checkout .form-row input,.woocommerce-checkout .form-row select,.woocommerce-checkout .form-row textarea{font-family:var(--sans);font-size:15px;border:none;border-bottom:1px solid var(--border);padding:12px 0;width:100%;background:transparent;color:var(--ink);border-radius:0;outline:none}
#place_order{font-family:var(--sans)!important;font-size:11px!important;letter-spacing:2.5px!important;text-transform:uppercase!important;background:var(--ink)!important;color:var(--cream)!important;border:none!important;padding:18px 56px!important;border-radius:0!important;cursor:pointer!important;width:100%!important}

/* ═══ NOTICES ═══ */
.woocommerce-message,.woocommerce-error,.woocommerce-info{font-family:var(--sans)!important;font-size:14px!important;border-top:none!important;border-radius:0!important;background:var(--cream)!important;color:var(--ink)!important;border-left:3px solid var(--ink)!important;padding:16px 20px!important}

/* ═══ PAGINATION ═══ */
.woocommerce-pagination ul{display:flex!important;gap:4px!important;justify-content:center!important;margin-top:80px!important;list-style:none!important;padding:0!important}
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{font-family:var(--sans)!important;font-size:12px!important;padding:8px 14px!important;border:1px solid var(--border)!important;color:var(--ink)!important;display:block!important}
.woocommerce-pagination ul li .current,.woocommerce-pagination ul li a:hover{background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important;opacity:1!important}

/* ═══ SALE ═══ */
.woocommerce span.onsale{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;background:var(--accent)!important;border-radius:0!important;padding:4px 10px!important;min-height:auto!important;min-width:auto!important;line-height:1.4!important}

/* ═══ FOOTER ═══ */
.site-footer:not(.navohi-footer){display:none!important}
.navohi-footer{background:var(--ink)!important;margin-top:0}
.navohi-footer-inner{max-width:var(--max-w);margin:0 auto;padding:clamp(48px,6vw,80px) var(--px);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px;border-bottom:1px solid rgba(250,249,245,0.1)}
.navohi-footer-logo{font-family:var(--serif);font-size:18px;letter-spacing:14px;text-transform:uppercase;color:#FAF9F5;text-decoration:none;display:block;margin-bottom:8px}
.navohi-footer-tagline{font-family:var(--serif);font-style:italic;font-size:14px;color:rgba(250,249,245,0.5);display:block}
.navohi-footer-col h3{font-family:var(--sans);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(250,249,245,0.5);margin:0 0 20px;font-weight:400}
.navohi-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.navohi-footer-col ul li a{font-family:var(--sans);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(250,249,245,0.5);text-decoration:none;transition:color 0.2s}
.navohi-footer-col ul li a:hover{color:#FAF9F5;opacity:1}
.navohi-footer-bottom{max-width:var(--max-w);margin:0 auto;padding:24px var(--px);text-align:center}
.navohi-footer-bottom p{font-family:var(--sans);font-size:12px;color:rgba(250,249,245,0.4);margin:0}
.storefront-handheld-footer-bar,.site-info{display:none!important}
@media(max-width:1024px){.navohi-footer-inner{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:640px){.navohi-footer-inner{grid-template-columns:1fr}}

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--cream)}
::-webkit-scrollbar-thumb{background:var(--border)}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}
