@layer reset,base,layout,components,responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}svg{display:block;flex-shrink:0}button svg,a svg{pointer-events:none}[hidden]{display:none!important}}
@layer base{:root{color-scheme:dark;--bg:#101312;--surface:#181c1a;--surface-raised:#1c211e;--line:#2b312d;--muted:#a0a9a3;--soft:#77847b;--text:#eef2ee;--green:#b0edcd;--green-bright:#78dca8;--green-dark:#163528;--sidebar:252px;--radius:12px}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:.005em}button{border:0;background:none}button,input,select,textarea,a{outline-offset:5px} :focus-visible{outline:2px solid var(--green)}::selection{background:#315c45;color:white}input,textarea,select{min-width:0}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}input[type=search]::-webkit-search-cancel-button{cursor:pointer}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:32px;line-height:1.23}h2{font-size:20px}h3{font-size:16px}small{font-size:12px}button:disabled{opacity:.35}p{overflow-wrap:break-word}em{font-style:normal}.muted{color:var(--muted)}.emerald{color:var(--green)}.eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-70px;background:var(--green);color:#133524;padding:12px 18px;border-radius:8px;z-index:100}.skip-link:focus{top:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--muted)}.icon-button:hover{background:#ffffff09;color:var(--text)}.primary,.secondary,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;min-height:41px;padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--green);color:#173626;border:1px solid var(--green)}.primary:hover{background:#c8f6de}.secondary{background:var(--surface);border:1px solid var(--line);color:#d8dfd9}.secondary:hover:not(:disabled){background:#252d27;border-color:#4a5e50}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:500;padding:5px 0}.text-button:hover{text-decoration:underline}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--green-bright);border-radius:50%;flex-shrink:0}.danger{color:#f5a49a}.danger-button{background:#65372f;color:#ffe0db}.notice{background:#263326;border:1px solid #46563e;border-radius:9px;padding:14px 16px;color:#d0ddc9;font-size:13px}.notice p+p{margin-top:8px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#d7ded8}.field input,.field textarea,.field select{border:1px solid #3c463e;background:#121713;border-radius:7px;padding:11px 12px;color:var(--text);width:100%;min-height:43px}.field small{color:var(--muted)}.form-error{color:#ffc1b5;background:#3d2422;border-radius:8px;padding:12px;font-size:13px}.check-label{display:flex;align-items:center;gap:9px;color:#c2ccc5;font-size:12px;cursor:pointer}}
@layer layout{.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#141815;border-right:1px solid var(--line);padding:31px 18px 16px;display:flex;flex-direction:column;z-index:40;overflow:auto;scrollbar-width:thin;scrollbar-color:#334037 transparent}.brand{display:flex;align-items:center;font-size:34px;letter-spacing:-2px;line-height:1;font-weight:650;width:max-content}.sidebar .brand{margin-left:9px}.brand-mark{background:var(--green);color:#163525;display:grid;place-items:center;font-weight:700;font-style:italic;font-size:32px;width:36px;height:38px;border-radius:11px;margin-right:10px;line-height:1;padding-right:3px;letter-spacing:-2px}.brand-dot{color:var(--green)}.workspace-label{font-size:8px;letter-spacing:.11em;color:#88958a;margin:21px 9px 28px;white-space:nowrap}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;color:var(--muted);font-size:12px;text-align:left;border-radius:7px;transition:background .16s,color .16s}.nav-item:hover{color:var(--text);background:#202720}.nav-item.selected{background:#253b2e;color:#c0efd2}.nav-arrow,.nav-item>.tiny-dot{margin-left:auto}.sidebar-label{display:flex;align-items:center;justify-content:space-between;color:#839086;font-size:9px;font-weight:600;letter-spacing:.11em;margin:30px 13px 13px}.sidebar-label span{font-size:9px;letter-spacing:0;background:#242c25;border-radius:4px;padding:1px 5px}.category-nav{display:flex;flex-direction:column;gap:2px}.category-link{font-size:11px;padding:8px 12px;min-height:34px;gap:10px}.category-link>span{flex:1;line-height:1.35}.category-link small{font-size:10px;color:#8f9e93}.sidebar-bottom{margin-top:auto;padding-top:26px}.curation-note{border-top:1px solid var(--line);padding:20px 9px 16px;display:flex;align-items:center;gap:10px;color:var(--green)}.curation-note strong{display:block;color:#d0dacd;font-size:10px;font-weight:500}.curation-note small{display:block;font-size:9px;color:#8f9b90;margin-top:3px}.editor-link{display:flex;align-items:center;gap:9px;font-size:11px;color:#a5b1a7;padding:9px}.editor-link svg:last-child{margin-left:auto}.workspace{margin-left:var(--sidebar)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#859287;font-size:11px}.breadcrumb strong{color:#c6d0c8;font-weight:400}.local-pill{display:flex;align-items:center;gap:7px;color:#b6c2b9;font-size:10px}.topbar-divider{height:22px;width:1px;background:var(--line)}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#263a2c;color:var(--green);font-weight:600;border:1px solid #3b5141;border-radius:50%;font-size:12px}.menu-toggle,.mobile-close{display:none}main{max-width:1540px;margin:auto;padding:36px 40px 0}.intro{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:27px}.intro .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:11px}.intro h1{font-size:30px;line-height:1.3}.intro h1 em{color:#e5ebe5}.intro-description{color:var(--muted);font-size:12px;margin-top:10px}.catalog-stat{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-top:19px}.stat-icon{border:1px solid #344336;border-radius:11px;padding:12px;color:#c0d3c1;background:#1c241d}.catalog-stat strong{font-size:23px;font-weight:600;display:block;line-height:1.2}.catalog-stat div>span{font-size:10px;color:var(--muted)}footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:26px 0 28px;margin-top:40px;font-size:10px;color:#939f95}.footer-brand{font-size:19px;letter-spacing:-1px;color:#c5d0c7;font-weight:600}.footer-end{margin-left:auto;display:flex;align-items:center;gap:8px;color:#89988d}}
@layer components{.search-section{display:flex;gap:12px;margin-bottom:27px}.search{display:flex;align-items:center;gap:12px;border:1px solid #333c34;border-radius:9px;padding:0 17px;min-height:52px;flex:1;background:#1a201b;color:#9dac9f;transition:border-color .15s}.search:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #b0edcd0e}.search input{border:0;outline:0;background:transparent;flex:1;width:100%;height:50px;color:var(--text);font-size:12px}.search input::placeholder{color:#a4aea6}.search-hint{font-size:9px;color:#7f8c82;white-space:nowrap}.filter-button{display:flex;align-items:center;gap:9px;padding:0 20px;border:1px solid #333c34;border-radius:9px;background:#1a201b;color:#d0d9d1;font-size:12px}.filter-button.active,.filter-button:hover{border-color:#779a7f;color:var(--green)}.filter-button>span:last-child:not(:first-child){font-size:10px}.filter-panel{display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#1a211b;border:1px solid var(--line);padding:18px;margin-top:-12px;margin-bottom:24px;border-radius:9px}.filter-panel>label:first-child{font-size:11px;display:flex;align-items:center;gap:10px;color:#bdc9bf}.filter-panel select{padding:8px;background:#121713;border:1px solid #3c463e;border-radius:6px;max-width:220px;color:#d2ddd5;font-size:12px}.hero-banner{position:relative;overflow:hidden;display:flex;background:radial-gradient(ellipse at 80% 10%,#354a33 0,transparent 63%),linear-gradient(110deg,#1b2b21,#233222);border:1px solid #3b4b36;border-radius:13px;min-height:275px;margin-bottom:29px}.hero-content{position:relative;z-index:2;padding:30px 33px;width:58%}.hero-tag{display:flex;align-items:center;gap:7px;color:#c3dfba;font-size:8px;letter-spacing:.1em;font-weight:600;margin-bottom:12px}.hero-content h2{font-size:30px;line-height:1.22;color:#eef4e5;letter-spacing:-.045em;font-weight:550}.hero-content p{color:#b7c8b3;font-size:11px;line-height:1.8;margin-top:11px}.hero-content .primary{margin-top:20px;font-size:11px;min-height:36px;padding:8px 14px;background:#d0efb7;border-color:#d0efb7;color:#263d23;gap:17px}.hero-visual{position:relative;flex:1;min-width:0}.hero-orbit{position:absolute;width:310px;height:310px;border:1px solid #a6be7130;border-radius:50%;top:-25px;left:16px}.orbit-two{width:220px;height:220px;top:22px;left:60px}.hero-image-card{position:absolute;background:#eef0e6;border:5px solid #e2e7d8;border-radius:14px;box-shadow:0 14px 35px #0b1c1959;overflow:hidden}.hero-image-card img{height:100%;width:100%;object-fit:cover}.card-front{width:166px;height:198px;left:19%;top:39px;transform:rotate(-9deg);z-index:2}.card-front img{height:calc(100% - 24px)}.card-front>span{display:flex;align-items:center;justify-content:center;gap:5px;height:24px;font-size:7px;font-weight:600;color:#345030;white-space:nowrap}.card-back{width:157px;height:186px;right:13%;top:21px;transform:rotate(12deg)}.floating-star{position:absolute;font-size:56px;color:#d3ecb1;top:177px;right:12%;text-shadow:0 6px 15px #10261150;z-index:3}.hero-caption{position:absolute;bottom:19px;left:8%;width:85%;text-align:center;font-size:6px;letter-spacing:.2em;color:#a8b897}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:16px;letter-spacing:-.025em}.category-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.category-tiles button{border:1px solid #2e382f;background:#181e19;border-radius:10px;padding:17px 7px 15px;display:flex;align-items:center;flex-direction:column;min-height:122px;transition:transform .2s,border-color .2s}.category-tiles button:hover{transform:translateY(-3px);border-color:#6c8b70;background:#1f2920}.category-tile-icon{color:#c0cdbb;display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px}.category-tiles strong{font-weight:500;font-size:10px;line-height:1.35;text-align:center;letter-spacing:-.01em}.category-tiles small{font-size:9px;color:#89988c;margin-top:5px}.category-section{margin-bottom:31px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px;min-height:44px}.catalog-tabs{display:flex;align-items:stretch;gap:24px;align-self:stretch}.catalog-tabs button{position:relative;display:flex;align-items:center;gap:6px;color:#97a299;font-size:11px;padding:0 0 14px;white-space:nowrap}.catalog-tabs button.active{color:var(--green)}.catalog-tabs button.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green)}.view-switch{display:flex;align-items:center;background:#1b221c;border:1px solid #303a32;border-radius:7px;padding:3px;margin-bottom:11px}.view-switch button{padding:6px;border-radius:4px;color:#8b9c90;min-width:29px}.view-switch button.active{background:#334334;color:#d1e0ce}.results-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 0;font-size:10px;color:#909f94}.results-line strong{font-weight:500;color:#d2dbd4}.results-line label{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:10px}.results-line select{border:0;background:transparent;color:#d7dfd7;max-width:130px;font-size:10px;padding:4px}.results-line option{background:#1a201b}.active-filters{display:flex;align-items:center;gap:9px;margin-bottom:17px;flex-wrap:wrap}.filter-chip{padding:5px 10px;border:1px solid #47624d;background:#223a29;border-radius:30px;font-size:10px;color:var(--green);overflow-wrap:anywhere}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 18px}.product-card{background:#1a1f1b;border:1px solid #2f3830;border-radius:11px;overflow:hidden;min-width:0;transition:border-color .18s,transform .18s;contain-intrinsic-size:auto 340px}.product-card:hover{border-color:#6a846d;transform:translateY(-2px)}.product-photo{position:relative;aspect-ratio:1.43;background:#d7d9d1;overflow:hidden}.product-photo>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-photo>img{transform:scale(1.035)}.badges{position:absolute;left:12px;top:12px;display:flex;gap:5px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600;letter-spacing:.01em;backdrop-filter:blur(8px)}.badge.featured{background:#eff3e9e8;color:#30452d;border:1px solid #dbe3d2}.badge.new{background:#ddf4e9f2;color:#1b5841;border:1px solid #bcdcca}.photo-corner{position:absolute;bottom:10px;right:10px;border-radius:50%;background:#ffffffd9;display:grid;place-items:center;width:29px;height:29px;color:#425245;box-shadow:0 2px 8px #00000010}.product-body{padding:16px 14px 13px}.product-body .eyebrow{color:#91b89d;font-size:8px;letter-spacing:.06em;line-height:1.5}.product-body h3{font-size:13px;font-weight:500;letter-spacing:-.012em;line-height:1.6;color:#e3e9e3;margin:7px 0 15px;min-height:42px;overflow-wrap:anywhere}.product-actions{display:flex;align-items:center;gap:8px;border-top:1px solid #2c372e;padding-top:12px}.product-actions button,.product-actions a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;font-size:9px;white-space:nowrap;border-radius:6px;font-weight:500}.copy-button{padding:8px 9px;background:#bceccc;color:#1f4230;flex:1}.copy-button:hover{background:#d1f6dc}.copy-button.copied{background:#9fe2b3}.external{padding:8px 2px;color:#c0cec2;flex:1}.external:hover{background:#28382c;color:var(--green)}.photo-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;height:100%;color:#4a5d4c;background:#cdd6c9;font-size:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#919e94;margin-top:28px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination .secondary{font-size:10px;min-height:34px;padding:7px 11px}.page-number{font-variant-numeric:tabular-nums;color:#becbbf;font-size:10px}.list-view{grid-template-columns:1fr}.list-view .product-card{display:flex;align-items:stretch;contain-intrinsic-size:auto 175px}.list-view .product-photo{width:210px;min-height:175px;flex-shrink:0;aspect-ratio:auto}.list-view .product-body{flex:1;padding:20px 24px}.list-view .product-body h3{font-size:15px;min-height:0}.list-view .product-actions{max-width:360px}.list-view .product-actions a,.list-view .product-actions button{font-size:11px}.skeleton{height:320px;background:linear-gradient(110deg,#1b221c 15%,#273027 40%,#1b221c 65%);background-size:300% 100%;border-radius:11px;animation:shimmer 1.6s infinite}.empty{padding:70px 20px;text-align:center;border:1px dashed #3b4c3e;border-radius:12px;color:var(--muted)}.empty>span{display:inline-block;color:#8eaf94;margin-bottom:16px}.empty h3{font-size:21px;color:var(--text);margin-bottom:8px}.empty p{font-size:13px;margin-bottom:20px}.toast{display:flex;align-items:center;gap:10px;position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:14px 20px;border-radius:9px;background:#d6f2df;color:#17472b;box-shadow:0 8px 30px #0005;z-index:110;font-size:12px;max-width:calc(100% - 30px);width:max-content}.modal{border:1px solid #465549;background:#1b231d;color:var(--text);padding:25px;border-radius:15px;width:min(550px,calc(100% - 30px));max-height:90dvh;box-shadow:0 30px 100px #0007}.modal::backdrop{background:#060b09bc;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.modal-head h2{font-size:22px}.modal>p{color:var(--muted);margin-bottom:20px;font-size:13px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:23px}.sidebar-overlay{position:fixed;inset:0;background:#060b09bb;z-index:39;backdrop-filter:blur(3px)}.menu-open{overflow:hidden}.loading-label{font-size:12px;padding:12px}@keyframes shimmer{to{background-position:-150% 0}}}
@layer responsive{@media(min-width:1550px){:root{--sidebar:270px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.list-view{grid-template-columns:1fr}.hero-banner{min-height:295px}.hero-content{padding:34px 38px}.hero-content h2{font-size:35px}.hero-image-card.card-front{left:28%;width:188px;height:217px}.hero-image-card.card-back{right:15%;width:182px;height:207px}.hero-orbit{left:21%}.floating-star{right:14%;top:192px}.hero-caption{left:13%}}@media(max-width:1220px){:root{--sidebar:228px}.sidebar{padding-inline:13px}.topbar{padding-inline:28px}main{padding:30px 28px 0}.intro h1{font-size:26px}.catalog-stat{gap:9px}.catalog-stat div>span{font-size:9px}.stat-icon{padding:10px}.search-hint{display:none}.hero-content{padding:26px;width:58%}.hero-content h2{font-size:27px}.card-front{left:5%;width:153px;height:191px}.card-back{right:9%;width:145px;height:174px}.hero-caption{font-size:5px;left:0}.floating-star{right:5%}.hero-orbit{left:0}.hero-content p{font-size:10px}.product-actions{gap:4px}.product-actions button,.product-actions a{font-size:8px;gap:4px}.product-body{padding:13px 11px 12px}.product-body h3{font-size:12px}.product-grid{gap:17px 13px}.category-tiles{gap:8px}.category-tiles strong{font-size:9px}.category-link{font-size:10px}.workspace-label{font-size:7px}}@media(max-width:1080px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:28px 18px 15px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-toggle{display:inline-flex}.mobile-close{display:flex;position:absolute;right:12px;top:29px}.sidebar .brand{font-size:30px}.sidebar .brand-mark{width:32px;height:34px;font-size:28px}.category-link{font-size:11px}.workspace-label{font-size:8px}.topbar{height:67px}.topbar-left{gap:9px}main{padding-top:30px}.intro h1{font-size:29px}.hero-content{width:57%}.hero-content h2{font-size:31px}.card-front{left:15%}.card-back{right:12%}.hero-caption{font-size:6px}.hero-orbit{left:10%}.product-actions button,.product-actions a{font-size:9px}.product-body h3{font-size:13px}.hero-content p{font-size:11px}}@media(max-width:760px){.topbar{padding:0 20px}.breadcrumb{font-size:10px;gap:7px}.topbar-right{gap:12px}main{padding:26px 20px 0}.intro{align-items:flex-start;margin-bottom:22px}.intro h1{font-size:26px;max-width:420px}.intro .eyebrow{font-size:8px}.intro-description{font-size:11px;line-height:1.7;max-width:360px}.catalog-stat{display:none}.search-section{gap:9px;margin-bottom:23px}.search{min-height:49px;padding:0 12px;gap:9px}.search input{height:47px;font-size:11px}.filter-button{padding:0 14px;font-size:11px;gap:7px}.hero-banner{min-height:265px;margin-bottom:25px}.hero-content{width:58%;padding:25px 22px}.hero-content h2{font-size:25px}.hero-content p{font-size:10px;line-height:1.7}.hero-content .primary{font-size:10px;gap:10px}.hero-tag{font-size:7px}.card-front{width:127px;height:163px;left:0%;top:55px}.card-back{width:123px;height:150px;top:35px;right:6%}.card-front>span{font-size:5px;gap:3px}.card-front>span svg{width:10px}.hero-image-card{border-width:4px;border-radius:10px}.hero-caption{display:none}.floating-star{font-size:43px;right:3%;top:182px}.hero-orbit{width:240px;height:240px;left:-20%;top:5px}.orbit-two{width:170px;height:170px;left:-3%;top:39px}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-tiles button{min-height:103px;padding:11px}.category-tile-icon{height:30px;margin-bottom:6px}.category-tiles strong{font-size:10px}.category-tiles small{font-size:9px}.section-heading h2{font-size:15px}.section-heading .text-button{font-size:11px}.category-section{margin-bottom:26px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.product-body{padding:13px 12px}.product-body h3{font-size:12px;min-height:40px}.product-actions{gap:5px}.product-actions button,.product-actions a{font-size:9px}.catalog-tabs{gap:18px}.catalog-tabs button{font-size:10px}.results-line{font-size:10px}.list-view{grid-template-columns:1fr}.list-view .product-photo{width:160px;min-height:170px}.list-view .product-body{padding:16px}.list-view .product-body h3{font-size:14px}.footer-end{display:none}.pagination{flex-wrap:wrap;gap:15px}.pagination>div{margin-left:auto}.filter-panel{gap:17px}.filter-panel>label:first-child{width:100%}.filter-panel select{flex:1;max-width:none}.filter-panel .check-label{font-size:11px}}@media(max-width:440px){.topbar{padding:0 14px}.breadcrumb>strong{font-size:9px}.breadcrumb{gap:5px}.topbar-left{gap:3px}.topbar-divider{display:none}.topbar-right{gap:8px}.local-pill{font-size:8px;gap:4px}.avatar{width:25px;height:25px;font-size:10px}main{padding:24px 15px 0}.intro h1{font-size:25px;max-width:330px}.intro h1 em{display:block}.intro .eyebrow{font-size:7px;letter-spacing:.1em}.intro-description{font-size:10px;max-width:305px}.search input{font-size:10px}.filter-button{padding:0 11px;gap:5px;font-size:10px}.hero-banner{min-height:250px}.hero-content{padding:23px 17px;width:64%}.hero-content h2{font-size:23px;line-height:1.25}.hero-content p{font-size:9px;max-width:205px}.desktop-only{display:none}.hero-tag{font-size:6px;gap:5px}.hero-content .primary{font-size:9px;padding:7px 11px;margin-top:17px;gap:6px}.card-front{width:103px;height:137px;left:-18px;top:78px;transform:rotate(-10deg)}.card-back{width:97px;height:123px;right:-18px;top:51px;transform:rotate(14deg)}.card-front>span{font-size:4px}.floating-star{right:0%;top:198px;font-size:29px}.hero-orbit{left:-55%;top:18px}.orbit-two{left:-28%;top:53px}.product-grid{gap:13px 10px}.product-photo{aspect-ratio:1.12}.product-body{padding:11px 9px}.product-body .eyebrow{font-size:7px;letter-spacing:.02em}.product-body h3{font-size:11px;line-height:1.6;min-height:53px;margin:6px 0 10px}.product-actions{flex-direction:column;align-items:stretch;gap:2px;padding-top:9px}.product-actions button,.product-actions a{font-size:9px;min-height:32px}.badges{left:8px;top:8px}.badge{font-size:7px;padding:3px 5px}.badge svg{width:10px}.photo-corner{width:24px;height:24px;bottom:7px;right:7px}.photo-corner svg{width:13px}.catalog-tabs{gap:13px}.catalog-tabs button{font-size:9px;gap:4px}.catalog-tabs button svg{width:13px}.view-switch{padding:2px}.view-switch button{min-width:23px;padding:5px}.view-switch button svg{width:15px;height:15px}.results-line{font-size:9px;align-items:center;gap:5px}.results-line label{font-size:0;gap:0}.results-line select{font-size:9px;max-width:118px}.list-view .product-card{align-items:stretch}.list-view .product-photo{width:112px;min-height:200px}.list-view .product-body{padding:13px 12px}.list-view .product-body h3{font-size:12px;min-height:0}.list-view .product-actions a,.list-view .product-actions button{font-size:10px}.list-view .product-photo .photo-corner{display:none}.pagination{justify-content:center}.pagination>div{margin-left:0}.category-tiles strong{font-size:9px}.category-tiles small{font-size:8px}.modal{padding:19px}.modal-head h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}

/* Detalhes dos produtos */
.details-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  margin: 10px 0;
  padding: 10px 14px;
  border: 1px solid rgba(120, 150, 130, .25);
  border-radius: 10px;
  background: rgba(120, 150, 130, .08);
  color: inherit;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.details-button:hover {
  background: rgba(120, 150, 130, .18);
}

.product-details {
  width: min(520px, calc(100% - 28px));
  max-height: min(90vh, 900px);
  overflow-y: auto;
  padding: 24px;
}

.product-details::backdrop {
  background: rgba(0, 0, 0, .75);
  backdrop-filter: blur(5px);
}

.details-image {
  display: block;
  width: 100%;
  max-height: 350px;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 12px;
  margin: 16px 0;
  background: rgba(128, 128, 128, .08);
}

.details-content h3 {
  margin: 8px 0 14px;
  font-size: 23px;
}

#details-description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.7;
  opacity: .85;
}

.details-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.details-actions > * {
  flex: 1;
  min-width: 150px;
  text-align: center;
}

@media (max-width: 480px) {
  .product-details {
    padding: 16px;
  }
  .details-content h3 {
    font-size: 20px;
  }
}