/*
Theme Name: ArttoHang Gallery
Description: A clean gallery storefront built for ArttoHang and WooCommerce.
Version: 1.0.3
Requires PHP: 8.1
Author: ArttoHang
*/
:root{--ink:#202120;--muted:#747570;--accent:#ce965b;--paper:#f5f5f2;--line:#e7e7e2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#aa7138}button,input,select,textarea{font:inherit}button,.button,input[type=submit]{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(1400px,92%);margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:99999}.site-header{background:#202120;color:#fff}.header-top{display:flex;align-items:center;gap:50px;padding:29px 0}.brand{font-size:29px;line-height:1;font-weight:700;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:var(--accent)}.search-form{display:flex;flex:1;max-width:680px}.search-form input{width:100%;min-width:0;border:0;padding:14px 19px;background:#fff;color:#333}.search-form button{border:0;background:var(--accent);color:#171717;padding:12px 24px}.header-note{font-size:12px;color:#bdbeb9;line-height:1.5}.header-note strong{display:block;color:white;font-size:14px;font-weight:500}.nav-bar{border-top:1px solid #353633}.nav-inner{display:flex;align-items:center;gap:36px;min-height:58px}.nav-inner>a{font-size:13px}.category-menu{position:relative;align-self:stretch;width:250px;flex-shrink:0}.category-menu summary{height:100%;display:flex;gap:16px;align-items:center;padding:15px 24px;background:var(--accent);color:#171717;cursor:pointer;list-style:none;font-weight:600}.category-menu>ul{position:absolute;top:100%;left:0;margin:0;padding:15px 22px;background:white;color:var(--ink);width:280px;z-index:40;box-shadow:0 12px 26px #0002;list-style:none}.category-menu li a{display:block;padding:7px 0}.nav-actions{margin-left:auto;display:flex;gap:24px;align-items:center}.bag-count{display:inline-flex;background:var(--accent);color:#171717;border-radius:50%;width:21px;height:21px;align-items:center;justify-content:center;font-size:11px;margin-left:5px}.shop-intro{text-align:center;padding:32px 0 28px;background:#fafaf8}.woocommerce .woocommerce-breadcrumb{font-size:12px;color:#797b74;margin:0 0 10px}.shop-intro h1{font-size:28px;font-weight:500;letter-spacing:-.5px;margin:0}.shop-intro p{color:var(--muted);margin:7px 0 0}.shop-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;padding-top:44px;padding-bottom:65px}.shop-sidebar section{background:white;margin-bottom:24px;padding:23px}.shop-sidebar h2{font-size:16px;font-weight:500;margin:0 0 20px;padding-bottom:13px;position:relative}.shop-sidebar h2:after{content:'';position:absolute;bottom:0;left:0;width:45px;height:1px;background:#222}.shop-sidebar ul{list-style:none;padding:0;margin:0}.shop-sidebar li{margin:10px 0;color:#747570;font-size:13px}.shop-sidebar small{float:right;color:#a0a09b}.shop-sidebar .children{padding-left:14px}.price-fields{display:flex;gap:8px;margin-bottom:12px}.price-fields label{min-width:0;font-size:11px;color:var(--muted)}.price-fields input{width:100%;padding:7px;border:1px solid var(--line)}.shop-sidebar button{background:#242522;color:white;border:0;padding:8px 18px}.shop-sidebar p{font-size:12px;color:var(--muted)}.woocommerce .woocommerce-result-count{color:var(--muted);font-size:13px;padding:8px 0}.woocommerce .woocommerce-ordering select{background:transparent;border:1px solid var(--line);padding:8px 12px;color:#666}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;clear:both;padding-top:20px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:100%;margin:0!important;position:relative}.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;background:white;margin:0 0 15px;transition:transform .25s}.woocommerce ul.products li.product a:hover img{transform:translateY(-3px)}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px;font-weight:400;color:#64665f;line-height:1.65;padding:0 0 7px}.woocommerce ul.products li.product .price{font-size:14px;font-weight:600;color:#242522;margin:0}.woocommerce ul.products li.product .price del{font-weight:400;color:#92958d}.woocommerce ul.products li.product .button{background:transparent;color:#242522;border:0;border-bottom:1px solid #bdbdb4;border-radius:0;font-size:11px;padding:7px 0;margin-top:10px}.woocommerce span.onsale{background:var(--accent);color:#171717;border-radius:0;min-height:0;min-width:0;line-height:1.5;padding:3px 9px;font-size:11px;font-weight:500}.woocommerce .star-rating{color:#bd8b43}.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 4px}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:12px 17px;background:white}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:white}.page-main,.product-main{padding-top:45px;padding-bottom:70px;min-height:45vh}.page-main h1{font-weight:500}.woocommerce div.product div.images img{background:white}.woocommerce div.product .product_title{font-size:30px;font-weight:500;line-height:1.35}.woocommerce div.product p.price{color:var(--ink)}.woocommerce div.product form.cart .button,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink);border-radius:0;padding:15px 24px}.woocommerce div.product form.cart .variations select{padding:10px;border:1px solid #ddd;background:white}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0}.woocommerce-message,.woocommerce-info{border-top-color:var(--accent)}.site-footer{background:white;border-top:1px solid var(--line);padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-grid h3{font-size:14px;font-weight:600}.footer-grid p{color:var(--muted);max-width:330px;font-size:13px}.footer-grid a:not(.brand){display:block;color:#747570;font-size:13px;margin-bottom:10px}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.woocommerce-no-products-found{padding:35px;background:white}.woocommerce div.product .related ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.header-top{gap:25px}.header-note{display:none}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-inner{gap:22px}}@media(max-width:760px){.header-top{flex-wrap:wrap;padding:22px 0;gap:20px}.brand{font-size:27px}.search-form{flex-basis:100%;order:2;max-width:none}.nav-inner{flex-wrap:wrap;gap:17px;padding-bottom:12px}.category-menu{width:auto;flex:1}.category-menu summary{padding:12px 16px}.nav-inner>a{font-size:12px}.nav-actions{gap:12px;font-size:12px}.shop-layout{grid-template-columns:1fr;padding-top:24px;gap:5px}.shop-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-sidebar section{padding:15px;margin-bottom:15px}.shop-sidebar section:last-child{display:none}.shop-sidebar h2{font-size:14px}.shop-sidebar ul{max-height:140px;overflow:auto}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.woocommerce .woocommerce-result-count{font-size:11px}.woocommerce .woocommerce-ordering select{font-size:11px;max-width:170px}.shop-intro{padding:23px 0}.shop-intro h1{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px}.woocommerce div.product .related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}

.shop-sidebar section:first-child ul{max-height:340px;overflow:auto}.category-menu>ul{max-height:70vh;overflow:auto}@media(max-width:760px){.shop-sidebar section:first-child ul{max-height:140px}}
