/* Ekannto / Signature Design Layer — responsive progressive enhancement */
:root{--brown:#382215;--ink:#261912;--paper:#fff;--canvas:#f7f6f4;--surface:#fff;--surface-2:#f4f0eb;--line:#e8e2db;--muted:#766a62;--gold:#b48a60;--shadow:0 14px 45px rgba(56,34,21,.07);--shadow-lift:0 24px 55px rgba(56,34,21,.14);--radius:20px;color-scheme:light}
html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-feature-settings:'kern';-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c79d70;outline-offset:3px}button{touch-action:manipulation}button:disabled{cursor:not-allowed}
.shell{max-width:1440px;padding-inline:clamp(16px,3.2vw,54px)}.top{padding:17px 0;gap:clamp(10px,2vw,26px);background:rgba(247,246,244,.92);border-bottom:1px solid rgba(56,34,21,.055);margin-bottom:18px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{font-weight:900;font-size:clamp(20px,2vw,28px);letter-spacing:-.065em}.brand img{height:46px;width:46px;border-radius:15px;box-shadow:0 5px 18px #38221516}.searchbar{border-radius:17px;min-height:50px;box-shadow:0 4px 18px #38221508;transition:border-color .2s,box-shadow .2s}.searchbar:focus-within{border-color:#b68d6c;box-shadow:0 0 0 4px #b68d6c20}.searchbar input{font-size:14px}.searchbar button{display:grid;place-items:center;min-width:45px;min-height:44px}.round{height:48px;width:48px;border-radius:15px;box-shadow:0 4px 18px #38221508}
.hero{isolation:isolate;min-height:350px;padding:clamp(28px,5vw,68px);border-radius:30px;background:radial-gradient(circle at 80% 15%,#795137 0,transparent 34%),linear-gradient(115deg,#24140d,#382215 60%,#543520);box-shadow:0 22px 55px #38221525}.hero:before{content:'';position:absolute;z-index:-1;width:380px;height:380px;right:-90px;bottom:-240px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 40px #ffffff08,0 0 0 100px #ffffff06}.hero h1{font-weight:900;letter-spacing:-.065em;line-height:1.06;font-size:clamp(35px,5vw,67px);max-width:700px}.hero p{font-size:clamp(13px,1.3vw,16px);line-height:1.75;max-width:510px;color:#f6eae0}.hero .pill{font-weight:750;text-transform:uppercase;letter-spacing:.1em;font-size:10px;background:#ffffff1b;border:1px solid #ffffff2b}.hero .btn.alt{background:#fff;color:#382215;border-color:#fff;box-shadow:0 10px 30px #0002}.hero-controls{z-index:2}.hero-controls button{backdrop-filter:blur(10px);transition:background .2s,transform .2s}.hero-controls button:hover{background:#ffffff42;transform:translateY(-2px)}
.headline{margin:36px 0 17px;gap:16px}.headline h2,.sectiontitle{font-size:clamp(21px,2.1vw,29px);font-weight:850;letter-spacing:-.05em;color:var(--ink)}.headline button,.link{font-size:13px;text-decoration:none;color:#67402b}.headline button:hover,.link:hover{text-decoration:underline}.gridproducts{gap:clamp(11px,1.6vw,22px)}.product{border:1px solid #eee9e3;border-radius:21px;background:var(--surface);box-shadow:0 3px 16px #38221506;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;contain:layout style}.product:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift);border-color:#e4d3c4}.product .photo{background:linear-gradient(145deg,#f1ede8,#faf8f5);aspect-ratio:1/.94}.product .photo img{transition:transform .35s ease}.product:hover .photo img{transform:scale(1.045)}.product .meta{padding:clamp(11px,1.4vw,18px)}.product .name{font-weight:740;letter-spacing:-.012em;font-size:clamp(12px,1.15vw,15px);min-height:2.8em}.product .price{font-weight:900;letter-spacing:-.045em;font-size:clamp(17px,1.65vw,22px)}.product .muted{margin-top:6px;font-size:11px}.sale{top:11px;right:11px;border-radius:9px;padding:6px 8px;font-weight:800;box-shadow:0 5px 12px #0002}.strip{gap:12px;scrollbar-width:thin;scrollbar-color:#cbb6a6 transparent;overscroll-behavior-x:contain}.strip .product{border-radius:16px}.strip .meta{padding:10px}.strip .price{font-size:15px}.strip .name{font-size:12px}.strip .muted{font-size:10px}
.panel{border:1px solid #ebe5df;border-radius:23px;padding:clamp(17px,2vw,28px);box-shadow:0 7px 30px #38221507;background:var(--surface)}.chip{border:1px solid #e6ded6;color:#594130;font-weight:680;transition:all .18s}.chip:hover,.chip:focus-visible{background:#382215;color:#fff;border-color:#382215}.chips{gap:9px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.btn{min-height:44px;border-radius:13px;font-weight:780;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #38221524}.btn.alt:hover{background:#f8f4f0}.field input,.field textarea,.field select{min-height:46px;border-radius:13px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#a97c59;box-shadow:0 0 0 4px #b48a6022}.field label{color:#4d372b}.empty{border-radius:21px;padding:48px 22px;background:linear-gradient(155deg,#fff,#faf8f5);border:1px dashed #d9c9bc}.empty svg{color:#a78b78}.bottom{left:50%;right:auto;transform:translateX(-50%);width:min(600px,calc(100% - 24px));bottom:12px;border:1px solid #e9e1da;border-radius:22px;box-shadow:0 12px 45px #38221520;padding:7px 9px max(7px,env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.navitem{border-radius:15px;transition:background .18s,color .18s,transform .18s;min-height:53px}.navitem.active{background:#f1e9e2;color:#382215}.navitem:hover{background:#f6f0eb;transform:translateY(-1px)}.navitem svg{stroke-width:1.9}.demo-notice{border-radius:14px;font-size:12px;line-height:1.5}
/* Desktop / Tablet refinements */
@media(min-width:1100px){.shell{padding-bottom:126px}.hero{min-height:390px}.gridproducts{grid-template-columns:repeat(4,minmax(0,1fr))}.strip{grid-auto-columns:minmax(160px,1fr)}}
@media(min-width:1700px){.shell{max-width:1620px}.gridproducts{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.shell{padding:0 13px 114px}.top{padding:10px 0 13px;gap:9px;margin-bottom:11px}.brand{font-size:20px;gap:7px}.brand img{width:39px;height:39px;border-radius:12px}.searchbar{min-height:43px;border-radius:13px}.searchbar input{font-size:12px}.searchbar button{min-height:42px;min-width:36px}.round{height:42px;width:42px;border-radius:13px}.hero{min-height:265px;padding:28px 22px 66px;border-radius:24px}.hero h1{font-size:clamp(31px,8vw,43px);letter-spacing:-.06em}.hero p{font-size:12px}.hero:before{width:180px;height:180px;right:-70px;bottom:-80px}.headline{margin:28px 0 13px}.headline h2{font-size:21px}.gridproducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product{border-radius:17px}.product .meta{padding:11px}.product .name{font-size:12px;min-height:34px}.product .price{font-size:18px}.strip{grid-auto-columns:calc((100% - 30px)/4);gap:10px}.strip .product{border-radius:13px}.strip .meta{padding:7px}.strip .name{font-size:10px}.strip .price{font-size:12px}.strip .muted{font-size:9px}.panel{border-radius:19px;padding:17px}.bottom{bottom:8px;width:calc(100% - 16px);border-radius:20px}.navitem{font-size:10px;min-width:0;flex:1;padding:6px 2px;min-height:51px}.navitem svg{height:21px;width:21px}}
@media(max-width:365px){.brand span{font-size:17px}.brand img{width:34px;height:34px}.searchbar input{font-size:11px}.round{width:38px}.hero{padding-inline:19px}.strip{grid-auto-columns:calc((100% - 24px)/3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}