:root{--bg:#f5f6f7;--card:#fff;--ink:#172b35;--muted:#6e767b;--line:#dfe4e7;--accent:#e26d3d;--accent-dark:#b94d25;--dark:#0b151a;--blue:#173744;--pale:#f6f1ea;--soft:#eef3f4;--shadow:0 22px 60px rgba(23,43,53,.10);--font-sans:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI",Arial,sans-serif}
.store-body{background:linear-gradient(180deg,#fff 0,#f6f7f7 360px,#f2f4f5 100%);color:var(--ink);font-family:var(--font-sans)}
.store-body .container{width:min(1180px,calc(100% - 48px))}
.top-notice-bar{position:relative;z-index:55;min-height:40px;background:#0b0b0b;color:#fff;border:0;overflow:hidden}
.top-notice-track{min-height:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:24px}
.top-notice-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.72rem;font-weight:700;line-height:1.25;letter-spacing:.02em;text-align:center;color:#fff}
.top-notice-item svg{display:block;width:16px!important;height:16px!important;min-width:16px;max-width:16px;fill:none!important;stroke:#e87a47!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.top-notice-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header{top:0;background:rgba(255,255,255,.91);backdrop-filter:blur(22px);border-bottom:1px solid rgba(23,43,53,.10);box-shadow:0 10px 35px rgba(23,43,53,.05)}
.header-main{height:78px;grid-template-columns:220px 1fr auto}
.wordmark{display:inline-flex;align-items:center;line-height:1;color:#111;text-decoration:none}
.wordmark b{font:600 .9rem/1 var(--font-sans);letter-spacing:.45em;text-transform:uppercase}
.wordmark small{display:none}
.main-nav{gap:6px;font-size:.78rem;font-weight:700}
.main-nav a{padding:10px 13px;border-radius:999px;color:#34464f;transition:.18s ease}
.main-nav a:hover{background:#edf3f4;color:var(--blue)}
.header-actions>a,.header-actions>button{width:40px;height:40px;border:1px solid transparent;border-radius:999px;background:#fff;color:#162a34;box-shadow:0 1px 0 rgba(23,43,53,.04);transition:.18s ease}
.header-actions>a:hover,.header-actions>button:hover{background:#111;color:#fff;border-color:#111}
.header-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-actions .cart-icon b{right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:var(--accent);font-size:10px;line-height:15px}
.search-panel{padding:0 0 18px}
.search-panel.open{display:grid;grid-template-columns:1fr auto}
.search-panel input{border:1px solid var(--line);border-radius:12px 0 0 12px;background:#fff;padding:13px 16px}
.search-panel button{border:0;border-radius:0 12px 12px 0;background:#111;color:#fff;padding:0 22px;font-weight:800}
.alert{border:1px solid #d9ece0;border-radius:12px;background:#f0faf3;color:#1e6636}
.alert-danger{border-color:#f0cfc4;background:#fff3ef;color:#9d3216}
.alert-warning{border-color:#f3dfad;background:#fff8e7;color:#7a5a12}
.page-main{min-height:62vh;padding:72px 0 90px}
.catalog-head,.page-title{position:relative;margin-bottom:42px;text-align:left}
.catalog-head:after,.page-title:after{content:"";display:block;width:56px;height:3px;margin-top:20px;background:var(--accent);border-radius:999px}
.catalog-head span,.page-title span,.content-page>span,.auth-card>span,.success-card>span{color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.22em}
.catalog-head h1,.page-title h1,.content-page h1{max-width:760px;font:800 clamp(2.4rem,4.6vw,4.75rem)/.95 var(--font-sans);letter-spacing:0;margin:9px 0 0;color:var(--ink)}
.catalog-head p{max-width:560px;color:var(--muted);font-size:1rem}
.catalog-layout{align-items:start;grid-template-columns:230px minmax(0,1fr);gap:34px}
.catalog-layout aside{position:sticky;top:118px;gap:6px;padding:18px;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 40px rgba(23,43,53,.05)}
.catalog-layout aside h3{font:800 .72rem/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:#738086;margin:0 0 10px}
.catalog-layout aside a{border-radius:8px;padding:10px 12px;color:#34464f;font-size:.82rem;font-weight:700}
.catalog-layout aside a:hover,.catalog-layout aside a.active{background:#10232c;color:#fff}
.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card{background:#fff;border:1px solid rgba(23,43,53,.10);border-radius:8px;overflow:hidden;box-shadow:0 18px 48px rgba(23,43,53,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.product-card:hover{transform:translateY(-4px);border-color:rgba(226,109,61,.45);box-shadow:0 24px 70px rgba(23,43,53,.12)}
.product-card.is-unavailable{opacity:.74}
.product-card.is-unavailable .product-image img{filter:grayscale(.85);opacity:.76}
.product-card.is-unavailable:hover{transform:none;border-color:rgba(23,43,53,.10);box-shadow:0 18px 48px rgba(23,43,53,.07)}
.product-image{height:310px;background:linear-gradient(180deg,#f6f8f8,#e8eeee);display:grid;place-items:center}
.product-image>img{width:88%;height:88%;object-fit:contain}
.product-badge{left:14px;top:14px;border-radius:999px;background:#111;color:#fff;padding:6px 10px;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
.wishlist{right:12px;top:12px;background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(23,43,53,.10)}
.product-info{padding:17px 18px 18px}
.product-info>small{color:var(--accent);font-size:.62rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.product-info h3{min-height:44px;margin:7px 0 8px;color:var(--ink);font:800 1rem/1.28 var(--font-sans);letter-spacing:0}
.rating{color:#f0a846;font-size:.7rem}
.product-price{margin-top:15px}
.product-price del{color:#9aa1a5}
.product-price strong{font:850 1.08rem/1 var(--font-sans);color:#0f1d23}
.product-price button{width:38px;height:38px;border-radius:999px;background:#111;color:#fff}
.product-price button:hover{background:var(--accent)}
.product-price .stock-disabled{background:#c9d0d3;color:#fff;cursor:not-allowed}
.product-price .stock-disabled:hover{background:#c9d0d3}
.stock-status{display:block;margin-top:6px;color:#a43819;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.stock-alert{display:inline-flex;margin:6px 0 18px;border:1px solid #edc6ba;border-radius:999px;background:#fff3ef;color:#9d3216;padding:8px 12px;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.unavailable-box{color:#59666d}
.unavailable-box strong{color:#172b35}
.unavailable-box span{font-size:.9rem}
.product-page{grid-template-columns:minmax(0,1.02fr) minmax(360px,.74fr);gap:64px;align-items:start}
.product-gallery{gap:14px}
.product-gallery img{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#f6f8f8,#e7eeee);object-fit:contain;padding:22px}
.product-gallery img:first-child{aspect-ratio:1/1}
.product-detail{position:sticky;top:112px;padding:8px 0 0}
.product-detail .tag{color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.18em}
.product-detail h1{font:800 clamp(2.5rem,4vw,4.5rem)/.95 var(--font-sans);letter-spacing:0;color:#122630}
.detail-price{font:850 2rem/1 var(--font-sans);color:#0f1d23}
.product-detail>p{color:#59666d;font-size:1rem;line-height:1.8}
.buy-form{gap:14px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 54px rgba(23,43,53,.07)}
.buy-form label,.auth-card label,.admin-login-card label,.admin-form label{color:#34464f;font-size:.76rem;font-weight:800}
.buy-form input,.buy-form textarea,.buy-form select,.auth-card input,.admin-login-card input,.admin-form input,.admin-form select,.checkout input,.checkout select,.profile-card input,.profile-card select,.profile-card textarea{border:1px solid var(--line);border-radius:8px;background:#fbfcfc;padding:12px 13px;color:var(--ink)}
.buy-form input:focus,.buy-form textarea:focus,.buy-form select:focus,.checkout input:focus,.checkout select:focus,.auth-card input:focus,.profile-card input:focus,.profile-card select:focus{outline:2px solid rgba(226,109,61,.22);border-color:var(--accent);background:#fff}
.btn{border-radius:8px;padding:13px 20px;font-weight:850}
.btn-primary{background:#111;color:#fff}
.btn-primary:hover{background:var(--accent)}
.btn-outline{background:#fff;border-color:#cdd5d9;color:#172b35}
.btn-dark,.btn-light{border-radius:8px}
.detail-trust{color:#607079;font-size:.78rem}
.cart-layout,.checkout-form{grid-template-columns:minmax(0,1fr) 380px;gap:28px}
.cart-items,.form-card,.cart-summary,.profile-card,.orders-card,.auth-card,.success-card,.content-page{border:1px solid rgba(23,43,53,.10);border-radius:8px;background:#fff;box-shadow:0 18px 54px rgba(23,43,53,.07)}
.cart-items article{grid-template-columns:112px 1fr auto;gap:18px}
.cart-items img{border-radius:8px;background:#eef3f4;object-fit:contain}
.cart-items h3{font:800 1rem/1.25 var(--font-sans)}
.cart-items button{color:#b94d25;font-weight:800}
.cart-summary{top:118px}
.cart-summary h2,.form-card h2{font:800 1.35rem/1.1 var(--font-sans);letter-spacing:0}
.summary-total{border-top:1px solid var(--line);font-size:1.16rem}
.form-card{padding:28px}
.form-grid{gap:15px}
.card-payment{border:1px solid var(--line);border-radius:8px;background:#f6f8f8}
.payment-message{color:var(--accent-dark)}
.success-card,.auth-card{width:min(520px,calc(100% - 32px));padding:36px}
.success-card>b{background:#111;color:#fff;border-radius:999px}
.content-page{max-width:880px;padding:40px}
.content-page>div{color:#4f5d63;font-size:1rem;line-height:1.85}
.account-heading h1{font:800 clamp(2.3rem,4vw,4rem)/.95 var(--font-sans);letter-spacing:0}
.account-tabs{border-bottom:1px solid var(--line)}
.account-tabs button{border-color:var(--line);border-radius:8px 8px 0 0;background:#e8eef0}
.account-tabs button.active{background:#fff;color:#172b35}
.account-panel{border-color:var(--line);border-radius:0 0 8px 8px;box-shadow:0 18px 54px rgba(23,43,53,.06)}
.saved-address-grid article,.account-order-list details{border-color:var(--line);border-radius:8px}
.account-order-list summary{background:#f8fafb}
.footer-dark{background:#050505;color:#fff;padding:64px 0}
.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:48px}
.footer-wordmark{color:#fff}
.footer-wordmark b{font:600 .9rem/1 var(--font-sans);letter-spacing:.45em;text-transform:uppercase;color:#fff}
.footer-wordmark small{display:none}
.footer-grid p,.footer-grid a{color:#b7c0c4}
.footer-grid a:hover{color:#fff}
.footer-grid h3{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.guarantee{padding:30px 0}
.guarantee>div{padding:16px 0;border-top:1px solid var(--line)}
.trust-row i,.guarantee b{width:38px;height:38px;border-radius:8px;background:#eef3f4;color:var(--accent);display:grid;place-items:center;flex:0 0 38px}
.trust-row svg,.guarantee svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.empty{border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:1050px){.header-main{grid-template-columns:190px 1fr auto}.main-nav{gap:2px}.main-nav a{font-size:.72rem;padding:9px 10px}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-page{grid-template-columns:1fr;gap:32px}.product-detail{position:static}.cart-layout,.checkout-form{grid-template-columns:1fr}.cart-summary{position:static}}
@media(max-width:760px){.store-body .container{width:min(100% - 28px,1180px)}.top-notice-track{display:flex;justify-content:center}.top-notice-item{display:none}.top-notice-item:first-child{display:flex}.top-notice-item span{white-space:normal}.header-main{height:68px;grid-template-columns:42px 1fr auto;gap:10px}.menu-toggle{display:grid;color:#172b35}.wordmark{justify-self:center;align-items:center}.wordmark b{font-size:.82rem;letter-spacing:.42em}.wordmark small{display:none}.main-nav{top:108px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(23,43,53,.08)}.main-nav.open{display:flex}.main-nav a{border-radius:8px;padding:12px}.utilities>button,.utilities>a:first-of-type{display:none}.page-main{padding:46px 0 70px}.catalog-head h1,.page-title h1,.content-page h1{font-size:2.45rem}.catalog-layout{grid-template-columns:1fr}.catalog-layout aside{position:static;display:flex;flex-direction:row;overflow:auto;padding:10px}.catalog-layout aside h3{display:none}.catalog-layout aside a{white-space:nowrap}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:205px}.product-info{padding:14px}.product-info h3{font-size:.9rem;min-height:42px}.product-price{align-items:center}.product-price button{width:34px;height:34px}.product-gallery img{padding:14px}.buy-form,.form-card,.cart-summary,.cart-items,.auth-card,.success-card,.content-page{padding:20px}.cart-items article{grid-template-columns:82px 1fr}.cart-items img{width:82px;height:82px}.cart-items form{grid-column:2}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.guarantee{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:480px){.catalog-products{grid-template-columns:1fr}.product-image{height:280px}.footer-grid{grid-template-columns:1fr}.guarantee{grid-template-columns:1fr}.account-tabs button{padding:10px 12px}}
