/* XCORT 2026 — unified premium storefront layer */
:root{--x-green:#91ee4d;--x-ink:#0a0d0b;--x-cloud:#f4f7f3;--x-line:#dfe6dc;--x-orange:#ff6a2a;--x-shadow:0 20px 55px rgba(11,18,12,.10);--x-shadow-hover:0 26px 70px rgba(11,18,12,.17)}
html{background:#fff}body{background:linear-gradient(180deg,#fff 0,#fbfcfb 55%,#f4f7f3 100%);letter-spacing:-.008em}.container{max-width:1440px}.top{background:#080b09;border:0}.top-inner{min-height:40px;color:#d9e1d7;letter-spacing:.09em}
header{min-height:112px;position:relative}.logo{transform:skew(-4deg);letter-spacing:-3.5px}.logo>b{transform:skew(4deg);letter-spacing:2.2px;color:#4b514b}.search{height:56px;border:1px solid #dce2da;border-radius:16px;background:#f4f7f3;box-shadow:inset 0 1px 0 #fff;transition:.2s ease}.search:focus-within{border-color:#8bdc50;box-shadow:0 0 0 5px rgba(145,238,77,.14)}.search button{width:64px;border-radius:0 15px 15px 0;background:var(--x-ink);color:var(--x-green)}.cart-button{min-height:54px;padding:7px 14px;border-radius:15px;background:#f4f7f3;transition:.2s ease}.cart-button:hover{background:#eaf7e2;transform:translateY(-1px)}.cart-icon>span{background:var(--x-orange);color:#fff;font-weight:900}.language-switch{border:0;background:#eef8e8;border-radius:12px;color:#2f6f12}
.nav-bar{position:sticky;top:0;z-index:50;border:0;background:rgba(10,13,11,.94);backdrop-filter:blur(18px);box-shadow:0 10px 32px rgba(0,0,0,.12)}.nav-inner{min-height:62px}.all-categories{background:var(--x-green);clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);padding-right:38px}.nav-item>details>summary,.nav-item>a{padding-top:21px;padding-bottom:21px}.dropdown{border:1px solid #dfe6dc;border-top:4px solid var(--x-green);border-radius:0 0 16px 16px;box-shadow:var(--x-shadow)}
.hero{min-height:610px;border-radius:0 0 34px 34px;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(145,238,77,.18),transparent 24%);pointer-events:none}.hero>img{filter:contrast(1.15) saturate(.72);transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,#060906 3%,rgba(8,13,8,.96) 30%,rgba(10,17,11,.76) 57%,rgba(6,9,7,.12) 88%)}.hero-content{padding-top:88px;padding-bottom:58px;z-index:2}.hero .eyebrow{border:1px solid rgba(145,238,77,.55);border-radius:999px;background:rgba(145,238,77,.12);color:#b7ff82;padding:9px 14px;backdrop-filter:blur(10px)}.hero h1{font-size:clamp(68px,7vw,108px);line-height:.84;max-width:900px;text-wrap:balance;text-shadow:0 8px 34px rgba(0,0,0,.28)}.hero h1 em{background:linear-gradient(90deg,#8eee4d,#c0ff92);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;max-width:620px}.primary,.secondary{border-radius:14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary{background:var(--x-green);box-shadow:0 10px 28px rgba(101,191,40,.25),inset 0 -2px 0 rgba(44,102,12,.3)}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(101,191,40,.32)}.secondary{border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px)}.hero-signature{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--x-green);border-radius:0 12px 12px 0;background:rgba(0,0,0,.22);padding:11px 15px}
.benefits{position:relative;z-index:4;margin-top:-26px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(214,223,211,.9);border-radius:22px;box-shadow:var(--x-shadow);overflow:hidden}.benefits>div{min-height:116px}.benefit-icon{border-radius:14px;background:linear-gradient(145deg,#171c18,#080a08);box-shadow:0 9px 20px rgba(0,0,0,.18)}
.category-section,.catalogue{padding-top:78px}.section-head{border:0;padding:0;align-items:center}.section-head>div{position:relative;padding-left:22px}.section-head>div:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:6px;border-radius:999px;background:linear-gradient(180deg,var(--x-green),#55a71f)}.section-head h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.025em}.section-head>a{border-radius:13px;padding:13px 18px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.category-cards{gap:20px}.category-card{border:1px solid var(--x-line);border-radius:20px;padding:24px;background:linear-gradient(180deg,#fff,#fafcfa);box-shadow:0 10px 30px rgba(11,18,12,.055);overflow:hidden}.category-card:hover{border-color:#9bdf68;border-radius:20px;box-shadow:var(--x-shadow-hover);transform:translateY(-7px)}.category-photo{height:205px;margin:-24px -24px 24px;border-bottom:0}.category-photo:after{background:linear-gradient(180deg,transparent 50%,rgba(4,8,5,.55))}.category-symbol{position:absolute;left:20px;top:178px;z-index:2;width:48px;height:48px;border:4px solid #fff;border-radius:15px;box-shadow:0 8px 18px rgba(0,0,0,.18)}.category-card strong{font-size:16px;margin-top:15px}.category-card .arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eff8e9}
.catalogue-toolbar{border:1px solid var(--x-line);border-radius:16px;background:rgba(244,247,243,.88);backdrop-filter:blur(12px);padding:16px 18px}.catalogue-toolbar select,.subcategory-list a{border-radius:11px}.products,.collection-grid{gap:22px}.product{border:1px solid var(--x-line);border-radius:19px;background:#fff;box-shadow:0 9px 28px rgba(11,18,12,.06);overflow:hidden}.product:hover{border-color:#a8d989;border-radius:19px;box-shadow:var(--x-shadow-hover);transform:translateY(-7px)}.product-image{background:linear-gradient(145deg,#f8faf7,#eef3ec)}.product-image:after{content:"";position:absolute;inset:auto 14% 4px;height:18px;background:radial-gradient(ellipse,rgba(20,30,20,.14),transparent 68%);filter:blur(8px)}.product-image img{position:relative;z-index:1}.stock-pill,.sale-badge{border-radius:999px;backdrop-filter:blur(12px)}.stock-pill{background:rgba(255,255,255,.9)}.sale-badge{box-shadow:0 7px 18px rgba(255,106,42,.24)}.product-body{padding:20px 21px 22px}.product h3{font-size:18px;line-height:1.35}.add{border-radius:13px;min-height:49px;box-shadow:0 9px 21px rgba(84,166,29,.2),inset 0 -2px 0 rgba(44,102,12,.28)}.add:hover{transform:translateY(-1px)}
.product-collection{margin-bottom:72px}.collection-head{border:0;border-bottom:1px solid var(--x-line);padding-bottom:17px}.collection-deal,.collection-discover{border:0;border-radius:24px;padding:30px}.collection-deal{background:linear-gradient(135deg,#0d110e,#182019);box-shadow:var(--x-shadow)}.collection-deal .collection-head{border-color:rgba(255,255,255,.16)}.collection-discover{background:linear-gradient(135deg,#eef8e8,#f9fcf7)}
.project-banner{min-height:270px;border:0;border-radius:25px;background:linear-gradient(125deg,#080b09 0%,#141b15 60%,#20321d 100%);box-shadow:var(--x-shadow);padding:52px 58px}.project-banner:after{content:"";position:absolute;width:340px;height:340px;border:65px solid rgba(145,238,77,.075);border-radius:50%;right:-85px;top:-120px}.project-banner .primary{z-index:2}.category-directory{padding-top:72px}#directory>div{padding:22px;border:1px solid var(--x-line);border-radius:16px;background:#fff}
footer{border:0;background:linear-gradient(135deg,#080b09,#111713)}.footer-main{padding-top:62px;padding-bottom:48px}.footer-notice{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;background:rgba(255,255,255,.035)}dialog{border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.3)}dialog::backdrop{backdrop-filter:blur(8px)}.continue{border-radius:13px}.toast{border-radius:999px;box-shadow:var(--x-shadow)}.contact-float{border:5px solid #fff;box-shadow:0 12px 38px rgba(0,0,0,.25)}
/* Product, checkout and information surfaces */
.product-layout,.product-detail,.checkout-card,.checkout-panel,.info-card,.content-card,.info-shell>section{border-radius:22px!important;border-color:var(--x-line)!important;box-shadow:0 12px 40px rgba(11,18,12,.075)!important;background:#fff!important}.product-gallery,.main-image,.product-image-main{border-radius:20px!important;background:linear-gradient(145deg,#f8faf7,#eef3ec)!important}.thumbnail,.thumb{border-radius:12px!important;overflow:hidden}input,textarea,select{border-radius:12px!important}.checkout-header{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(11,18,12,.08)}.confirm-order{border-radius:14px!important;box-shadow:0 12px 28px rgba(44,173,70,.22)}
@media(max-width:900px){.hero{min-height:560px;border-radius:0 0 26px 26px}.hero h1{font-size:68px}.benefits{margin-top:-18px}}
@media(max-width:780px){header{padding-top:16px;padding-bottom:15px}.nav-inner{overflow-x:auto;scrollbar-width:none;padding:0 12px}.nav-links{flex-wrap:nowrap;min-width:max-content}.hero{min-height:550px;border-radius:0 0 22px 22px}.hero-content{padding-top:64px}.hero h1{font-size:62px}.benefits{border-radius:18px}.category-section,.catalogue{padding-top:56px}.category-photo{height:175px}.category-symbol{top:148px}.project-banner{border-radius:20px;padding:38px 32px}}
@media(max-width:480px){body{background:#fff}.container{width:calc(100% - 28px)}.top-inner{min-height:34px}header{gap:11px}.logo{font-size:33px}.cart-button{padding:5px 9px;background:transparent}.cart-button>span:last-child{font-size:0}.cart-button small{font-size:10px}.search{height:50px;border-radius:14px}.search button{border-radius:0 13px 13px 0}.hero{min-height:525px;border-radius:0 0 20px 20px}.hero-content{padding-top:50px}.hero h1{font-size:53px;line-height:.88;margin:22px 0}.hero p{line-height:1.55}.hero-actions{grid-template-columns:1fr 1fr}.hero-actions .primary,.hero-actions .secondary{min-height:50px;padding:10px;font-size:11px}.benefits{margin-top:-15px;grid-template-columns:1fr 1fr;border-radius:16px}.benefits>div{min-height:96px;align-items:center;text-align:left}.section-head h2{font-size:34px}.category-cards{gap:12px}.category-card{padding:12px;border-radius:15px}.category-card:hover{border-radius:15px;transform:translateY(-3px)}.category-photo{height:126px;margin:-12px -12px 17px}.category-symbol{left:10px;top:104px;width:40px;height:40px;border-radius:12px}.category-card strong{margin-top:14px}.product{border-radius:15px}.product:hover{border-radius:15px;transform:translateY(-3px)}.product-body{padding:13px 11px 14px}.product h3{font-size:14px}.collection-deal,.collection-discover{border-radius:0;padding:20px 14px}.project-banner{border-radius:18px;padding:32px 24px}#directory>div{padding:15px;border-radius:13px}.footer-main{padding-top:44px}dialog{border-radius:20px 20px 0 0;width:100vw;max-height:90dvh;margin:auto 0 0;padding:24px}}
@media(prefers-reduced-motion:no-preference){.hero-content>*{animation:xReveal .65s both}.hero-content>*:nth-child(2){animation-delay:.08s}.hero-content>*:nth-child(3){animation-delay:.14s}.hero-content>*:nth-child(4){animation-delay:.2s}.hero-content>*:nth-child(5){animation-delay:.26s}@keyframes xReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
[dir="rtl"] .section-head>div{padding-left:0;padding-right:22px}[dir="rtl"] .section-head>div:before{left:auto;right:0}[dir="rtl"] .category-symbol{left:auto;right:20px}[dir="rtl"] .search button{border-radius:15px 0 0 15px}