/* Hashiras Craft | Eclipse Premium 2.0
   Visual layer only: no checkout, payment, permission or delivery behavior is changed. */
:root {
  --background: 9 10 17;
  --card: 16 17 27;
  --foreground: 248 249 252;
  --muted-foreground: 162 166 181;
  --border: 255 255 255 / .10;
  --radius: .95rem;
  --hash-red: #f0202c;
  --hash-red-soft: rgba(240,32,44,.13);
  --hash-ink: #090a11;
  --hash-surface: #11131d;
  --hash-line: rgba(255,255,255,.105);
}
html { scroll-padding-top: 110px; }
body { background: var(--hash-ink); overflow-x: clip; }
body::selection { background: #f0202c; color: white; }
:focus-visible { outline: 2px solid #ff5360; outline-offset: 3px; }
[hidden] { display:none !important; }
.container { max-width: 1400px; }
.btn-primary { background:#ee1926 !important; color:#fff !important; border-color:rgba(255,255,255,.12); }
.btn-primary:hover { background:#c7111d !important; }
.hash-announcement { background:#e91623; color:white; min-height:30px; display:flex; align-items:center; justify-content:center; text-align:center; padding:5px 12px; font-size:11px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.hash-announcement a, .hash-announcement p { display:inline-flex; align-items:center; gap:8px; }
.hash-announcement .announcement-emphasis { color:#fff; background:rgba(0,0,0,.22); padding:1px 7px; border-radius:5px; }
.hash-header { background:rgba(10,11,19,.95); border-bottom:1px solid var(--hash-line); box-shadow:0 10px 36px rgba(0,0,0,.12); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.hash-header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.hash-brand { display:inline-flex; align-items:center; min-width:0; gap:10px; flex-shrink:0; }
.hash-brand-image { width:44px; height:44px; border-radius:12px; object-fit:contain; }
.hash-brand-name { font:750 19px/1.1 'Kanit','Geist',sans-serif; letter-spacing:-.026em; color:#fff; white-space:nowrap; }
.hash-brand-check { color:#438dff; width:20px; height:20px; flex:none; }
.hash-desktop-links { display:flex; align-items:center; gap:5px; min-width:0; }
.hash-nav-link { color:#bec0cc; font-size:13px; font-weight:680; padding:12px 10px; border-radius:10px; white-space:nowrap; transition:color .18s,background .18s; }
.hash-nav-link:hover { color:#fff; background:#ffffff0b; }
.hash-header-actions { display:flex; gap:9px; align-items:center; margin-left:auto; }
.hash-desktop-search { position:relative; display:flex; align-items:center; width:min(23vw,265px); min-width:170px; height:42px; }
.hash-desktop-search>svg { position:absolute; left:13px; z-index:1; color:#8d90a2; pointer-events:none; }
.hash-desktop-search input { display:block; border:1px solid rgba(255,255,255,.13); width:100%; height:42px; padding:0 14px 0 38px; border-radius:12px; background:#171923; color:#fff; font-size:12px; outline:none; }
.hash-desktop-search input:focus { border-color:rgba(240,32,44,.55); box-shadow:0 0 0 3px rgba(240,32,44,.13); }
.hash-search-results { position:absolute; top:calc(100% + 9px); left:0; width:100%; max-height:340px; overflow:auto; border:1px solid #313441; border-radius:13px; background:#161722; z-index:60; box-shadow:0 15px 40px #0009; }
.hash-icon-button, .hash-cart-button { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:40px; height:42px; padding:0 11px; color:#f5f5fa; background:#171923; border:1px solid #ffffff19; border-radius:12px; font-size:13px; font-weight:800; transition:background .18s, border .18s,transform .18s; }
.hash-icon-button:hover { background:#242634; border-color:#ffffff44; }
.hash-cart-button { background:#eb1624; color:#fff; border-color:#ffffff1f; padding:0 15px; }
.hash-cart-button:hover { background:#c91020; transform:translateY(-1px); }
.hash-login span { display:inline; }
.hash-search-toggle, .hash-menu-toggle { display:none; }
.hash-mobile-search { position:relative; margin-bottom:12px; }
.hash-mobile-search>svg { position:absolute; top:14px; left:14px; color:#9296a7; }
.hash-mobile-search>input { width:100%; height:45px; padding:0 12px 0 42px; background:#171923; border:1px solid #ffffff24; border-radius:10px; font-size:14px; }
.hash-mobile-menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; border-top:1px solid var(--hash-line); padding:11px 0 16px; }
.hash-mobile-menu>a { padding:12px 13px; font-size:14px; border-radius:10px; color:#dadce6; background:rgba(255,255,255,.028); }
.hash-mobile-menu>a:hover { background:rgba(240,32,44,.15); }
.hash-mobile-support { grid-column:span 2; padding:8px 10px; }
.hash-support-desktop { position:relative; }
/* HOME | HERO */
.hash-home { position:relative; }
.hash-home-hero { position:relative; overflow:hidden; isolation:isolate; min-height:470px; background:#0d0d13; }
.hash-home-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#080a12ef 0%,#080a12ca 37%,#080a1288 68%,#080a12b3 100%),linear-gradient(0deg,#090a11 0%,transparent 45%),url('https://i.imgur.com/etzooud.jpeg') center 42% / cover no-repeat; }
.hash-home-hero::after { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(ellipse at 80% 40%,transparent 2%,#080a1177 72%),linear-gradient(0deg,#090a11,transparent 28%); pointer-events:none; }
.hash-hero-content { display:flex; align-items:center; justify-content:space-between; gap:55px; min-height:470px; padding-top:56px; padding-bottom:48px; }
.hash-hero-copy { max-width:640px; position:relative; z-index:1; }
.hash-eyebrow { color:#fb5360; display:inline-flex; align-items:center; gap:8px; font-size:10px; font-weight:850; line-height:1.4; letter-spacing:.155em; text-transform:uppercase; }
.hash-eyebrow-dot { width:7px; height:7px; background:#f22836; border-radius:50%; box-shadow:0 0 14px #fa3348; }
.hash-hero-copy h1 { font-family:'Kanit','Geist',sans-serif; font-weight:850; font-size:clamp(43px,4.7vw,72px); line-height:.99; letter-spacing:-.025em; margin:18px 0 15px; text-wrap:balance; }
.hash-hero-copy h1 span { display:block; color:#fa2b39; }
.hash-hero-copy>p { font-size:16px; line-height:1.7; max-width:515px; color:#ced1db; }
.hash-hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; }
.hash-hero-primary, .hash-hero-copy-ip { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:12px 17px; border-radius:12px; font-size:14px; font-weight:800; }
.hash-hero-primary { background:#ef1928; color:#fff; border:1px solid #ffffff1e; box-shadow:0 8px 25px #e9162340; }
.hash-hero-primary:hover { background:#ca0f1e; }
.hash-hero-primary>svg:last-child { margin-left:8px; }
.hash-hero-copy-ip { background:#14151de6; border:1px solid #ffffff3b; color:#fff; }
.hash-hero-copy-ip:hover { border-color:#ef1928; }
.hash-hero-bottom { margin-top:23px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.hash-server-status { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:12px; color:#b6bac6; }
.hash-server-status strong,.hash-status-text { color:#f8f9ff; }
.hash-server-status .hash-status-indicator { width:8px; height:8px; border-radius:50%; background:#8c90a2; display:inline-block; }
.hash-server-status[data-state="online"] .hash-status-indicator { background:#21d48f; box-shadow:0 0 12px #23d998a8; }
.hash-server-status[data-state="offline"] .hash-status-indicator { background:#f4494e; }
.hash-status-separator { color:#626675; }
.hash-socials { display:flex; gap:7px; }
.hash-socials a { font-size:12px; font-weight:720; display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid #ffffff27; border-radius:9px; color:#e5e7f1; background:#12131caa; }
.hash-socials a:hover { border-color:#fff7; background:#ffffff18; }
.hash-hero-emblem { flex:1; min-width:0; display:flex; align-items:center; flex-direction:column; justify-content:center; transform:rotate(-5deg); font-family:'Kanit','Geist',sans-serif; font-weight:950; font-style:italic; letter-spacing:-.06em; filter:drop-shadow(0 12px 3px #0009) drop-shadow(0 15px 17px #000b); }
.hash-hero-emblem span,.hash-hero-emblem strong { display:block; white-space:nowrap; line-height:.79; -webkit-text-stroke:2px #08080c; }
.hash-hero-emblem span { color:#ec2836; font-size:clamp(50px,5.7vw,97px); text-shadow:4px 5px 0 #890811,7px 8px 0 #1d0509; }
.hash-hero-emblem strong { color:#fafafa; font-size:clamp(53px,5.85vw,98px); text-shadow:3px 4px 0 #777,6px 8px 0 #111; }
.hash-hero-emblem small { color:#fff; font-size:11px; font-style:normal; font-weight:850; letter-spacing:.2em; margin-top:17px; -webkit-text-stroke:0; }
/* MODES / HOME SHOP */
.hash-modes { padding-top:31px; padding-bottom:22px; scroll-margin-top:110px; }
.hash-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:21px; }
.hash-section-heading h2 { font-family:'Kanit','Geist',sans-serif; font-size:clamp(26px,2.7vw,35px); font-weight:750; line-height:1.15; color:#fff; margin:5px 0 4px; }
.hash-section-heading p { color:#aeb2c3; line-height:1.5; font-size:13px; }
.hash-heading-accent { color:#686b7e; font-family:'Geist',sans-serif; font-size:16px; font-weight:550; }
.hash-section-mark { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800; color:#aeb1c0; padding:9px 12px; border:1px solid #ffffff25; border-radius:20px; white-space:nowrap; }
.hash-mode-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.hash-mode-card { --mode-color:#21d6e3; --mode-rgb:33,214,227; min-width:0; position:relative; display:flex; align-items:center; gap:13px; min-height:116px; padding:14px; border:1px solid #ffffff19; border-radius:17px; background:linear-gradient(125deg,rgba(var(--mode-rgb),.12),#13151e 70%); transition:transform .2s,border-color .2s,box-shadow .2s; }
.hash-mode-card:hover, .hash-mode-card[aria-current="page"] { border-color:rgba(var(--mode-rgb),.75); box-shadow:0 0 0 1px rgba(var(--mode-rgb),.20),0 14px 26px #0003; }
.hash-mode-card:hover { transform:translateY(-2px); }
.hash-mode-icon { display:grid; place-items:center; flex:0 0 77px; width:77px; height:77px; border-radius:13px; background:radial-gradient(circle at 40% 25%,rgba(var(--mode-rgb),.42),rgba(var(--mode-rgb),.07) 75%); border:1px solid rgba(var(--mode-rgb),.7); box-shadow:inset 0 0 20px rgba(var(--mode-rgb),.18); }
.hash-mode-icon img { width:66px; height:66px; object-fit:contain; }
.hash-mode-icon svg { width:39px; height:39px; stroke-width:2.1; color:var(--mode-color); }
.hash-mode-description { display:flex; min-width:0; flex-direction:column; gap:4px; line-height:1.25; }
.hash-mode-description small { color:var(--mode-color); font-size:9px; font-weight:900; letter-spacing:.065em; }
.hash-mode-description strong { color:#fff; font-family:'Kanit','Geist',sans-serif; font-size:17px; font-weight:720; line-height:1.1; }
.hash-mode-description>span { color:#a8afbd; font-size:11px; line-height:1.4; }
.hash-mode-arrow { position:absolute; top:10px; right:10px; width:15px; height:15px; color:#ffffff91; }
.hash-mode-survival { --mode-color:#e7b56c; --mode-rgb:231,181,108; }
.hash-mode-sky { --mode-color:#49dfa1; --mode-rgb:73,223,161; }
.hash-mode-practice { --mode-color:#77a8ff; --mode-rgb:119,168,255; }
.hash-store-area { padding-top:22px; }
.hash-mode-section { scroll-margin-top:110px; }
.hash-shop-heading { margin-bottom:19px; }
.hash-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.hash-category-card { position:relative; display:flex; align-items:center; gap:15px; border:1px solid #ffffff1c; background:linear-gradient(105deg,#191b27,#11121b); border-radius:16px; min-width:0; padding:16px; transition:transform .2s, background .2s, border-color .2s; }
.hash-category-card:hover { transform:translateY(-2px); border-color:#ee273f89; background:linear-gradient(110deg,#24202c,#16161f); }
.hash-category-icon { display:grid; place-items:center; width:96px; height:96px; flex:0 0 96px; background:radial-gradient(circle at top,#49404e,#221821); border:1px solid #ffffff26; border-radius:14px; overflow:hidden; }
.hash-category-icon img { width:85px; height:85px; object-fit:contain; transition:transform .25s; }
.hash-category-card:hover img { transform:scale(1.06); }
.hash-category-main { min-width:0; display:flex; align-items:flex-start; flex-direction:column; gap:4px; }
.hash-category-main small { color:#ff757e; font-size:10px; letter-spacing:.075em; font-weight:820; }
.hash-category-main strong { color:#fff; font-size:17px; line-height:1.25; font-weight:760; }
.hash-category-main>span { color:#abb0be; line-height:1.38; font-size:12px; }
.hash-category-main em { display:inline-flex; gap:6px; align-items:center; margin-top:6px; font-style:normal; font-size:12px; font-weight:750; color:#ff6974; }
.hash-category-chevron { position:absolute; top:12px; right:13px; color:#8b90a0; }
.hash-coming-soon { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:235px; padding:32px; border-radius:19px; border:1px dashed #ffffff32; background:radial-gradient(ellipse at top,#2b1a243b,#12131e 70%); text-align:center; }
.hash-coming-soon>svg { color:#f34855; }
.hash-coming-soon strong { color:#fff; font-family:'Kanit',sans-serif; font-size:25px; font-weight:760; }
.hash-coming-soon p { color:#adb1bf; max-width:470px; font-size:13px; line-height:1.5; }
.hash-coming-soon a { display:inline-flex; align-items:center; gap:7px; margin-top:2px; color:#f97683; font-size:13px; font-weight:750; }
.hash-value-props { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:35px; padding-bottom:12px; }
.hash-value-props>div { display:flex; align-items:center; gap:12px; padding:18px; background:#14151f; border:1px solid #ffffff1a; border-radius:15px; }
.hash-value-props>div>svg { color:#ff5261; flex-shrink:0; }
.hash-value-props>div>span { display:flex; flex-direction:column; gap:3px; }
.hash-value-props strong { color:#fff; font-size:13px; }
.hash-value-props small { color:#a9aebb; font-size:11px; line-height:1.4; }
.hash-home-extras { margin-top:16px; }
/* PRODUCTS */
.hash-product-card { position:relative; width:100%; height:100%; display:flex; flex-direction:column; min-width:0; overflow:hidden; color:#fff; background:#14151e; border:1px solid #ffffff20; border-radius:17px; transition:transform .2s,box-shadow .2s,border-color .2s; }
.hash-product-card:hover { transform:translateY(-4px); border-color:#ff4b597d; box-shadow:0 18px 40px #0007; }
.hash-featured-product { border-color:#e2ab43; box-shadow:0 0 0 1px #e2ab4360; }
.hash-product-visual { position:relative; overflow:hidden; aspect-ratio: 1 / 1; background:linear-gradient(140deg,#211521,#10111c); }
.hash-product-visual:after { position:absolute; content:""; pointer-events:none; inset:auto 0 0; height:17%; background:linear-gradient(transparent,#14151eb7); }
.hash-product-visual>img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.hash-product-card:hover .hash-product-visual>img { transform:scale(1.045); }
.hash-featured-label { position:absolute; top:9px; left:9px; z-index:3; background:linear-gradient(120deg,#e8ae44,#a96e24); color:#1a1002; padding:6px 9px; border-radius:7px; display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:900; letter-spacing:.045em; }
.hash-out-of-stock { position:absolute; z-index:4; top:50%; left:50%; transform:translate(-50%,-50%); background:#090a11e0; border:1px solid #ffffff3b; border-radius:8px; padding:10px 14px; font-weight:900; font-size:12px; white-space:nowrap; }
.hash-sold-out .hash-product-visual>img { filter:grayscale(.7) brightness(.6); }
.hash-product-content { padding:16px; display:flex; flex:1; flex-direction:column; }
.hash-product-title { display:flex; align-items:start; justify-content:space-between; gap:8px; }
.hash-product-title h3 { color:#fff; font-family:'Kanit',sans-serif; font-size:18px; font-weight:710; line-height:1.23; min-height:22px; }
.hash-product-arrow { color:#8d91a3; font-size:18px; }
.hash-product-benefit { display:flex; align-items:center; gap:6px; color:#b9bfcc; min-height:37px; font-size:11px; line-height:1.4; }
.hash-product-benefit>svg { color:#35d7a4; flex-shrink:0; }
.hash-product-pricing { margin-top:auto; border-top:1px solid #ffffff12; padding-top:12px; }
.hash-price-before { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-bottom:5px; min-height:22px; }
.hash-crossed-price { font-size:12px; color:#a0a2b0; text-decoration:line-through; text-decoration-thickness:1px; }
.hash-discount { display:inline-flex; align-items:center; gap:3px; flex-shrink:0; border:1px solid rgba(255,90,105,.35); background:rgba(238,41,57,.17); color:#ff6a76; border-radius:6px; padding:4px 6px; font-size:11px; font-weight:900; letter-spacing:.01em; }
.hash-price-now-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.hash-price-now { color:#fff; font-size:clamp(19px,1.7vw,26px); letter-spacing:-.025em; font-weight:850; line-height:1.1; }
.hash-pix-indicator { display:inline-flex; align-items:center; gap:4px; color:#5be3c2; border-radius:7px; background:#164c403d; border:1px solid #2c8f7e59; padding:4px 6px; font-size:10px; font-weight:850; white-space:nowrap; }
.hash-pix-indicator img { width:16px; height:16px; }
.hash-price-caption { color:#9aa0b0; display:block; margin-top:5px; font-size:11px; }
.hash-product-cta { margin-top:15px; min-height:42px; display:flex; align-items:center; justify-content:center; gap:8px; border-radius:10px; background:#ed1b2a; color:white; font-size:13px; font-weight:800; }
.hash-product-cta svg:last-child { margin-left:auto; }
.hash-product-cta svg:first-child { margin-left:auto; }
.hash-product-card:hover .hash-product-cta { background:#ce1320; }
/* PRODUCT DETAIL / CATEGORY */
.hash-breadcrumb { display:flex; align-items:center; gap:6px; margin-bottom:18px; color:#a9aebb; font-size:12px; }
.hash-breadcrumb a:hover { color:#f94b59; }
.hash-breadcrumb span { color:#e4e5ed; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hash-package-page .border.bg-muted,.hash-category-page .border.bg-muted { background:#171823; border-color:#ffffff20; border-radius:17px; }
.hash-package-page #package-image { border-radius:12px; }
.hash-package-page #purchase-button { height:49px; border-radius:11px; font-size:14px; }
.hash-package-page #add-to-cart-button { height:44px; border-radius:11px; }
.hash-package-page .hash-detail-price { font-size:30px; }
.hash-detail-advantages { display:flex; align-items:flex-start; gap:9px; margin:12px 0 5px; background:#26b68c11; border:1px solid #26b68c38; border-radius:11px; padding:11px; }
.hash-detail-advantages>svg { color:#51dfad; flex-shrink:0; }
.hash-detail-advantages span { display:flex; flex-direction:column; gap:3px; }
.hash-detail-advantages strong { color:#ddf8ec; font-size:12px; }
.hash-detail-advantages small { color:#a8c6b9; font-size:11px; line-height:1.5; }
.hash-payment-note { color:#b7b9c7; display:flex; align-items:center; justify-content:center; text-align:center; gap:6px; font-size:11px; line-height:1.45; }
.hash-payment-note svg { flex-shrink:0; color:#40daa1; }
.hash-category-page h1 { font-family:'Kanit','Geist',sans-serif; }
.hash-category-intro { display:flex; align-items:center; gap:10px; padding:15px 17px; margin-top:20px; color:#d6d8e2; background:linear-gradient(95deg,#ef213116,#171823); border:1px solid #ffffff1d; border-radius:12px; line-height:1.5; font-size:13px; }
.hash-category-intro svg { flex-shrink:0; color:#f55c68; }
/* footer subtle treatment */
footer { border-top:1px solid #ffffff10; }
footer .text-muted-foreground { color:#a4a7b7; }
/* Layout adaptations */
@media(max-width:1280px) {
  .hash-desktop-links { gap:0; }
  .hash-nav-link { padding:11px 7px; font-size:12px; }
  .hash-hero-emblem { transform:rotate(-5deg) scale(.85); }
  .hash-mode-card { padding:11px; gap:9px; }
  .hash-mode-icon { width:67px; height:67px; flex-basis:67px; }
  .hash-mode-icon img { width:59px; height:59px; }
  .hash-mode-description strong { font-size:15px; }
}
@media(max-width:1080px) {
  .hash-desktop-links,.hash-desktop-search,.hash-support-desktop { display:none; }
  .hash-search-toggle,.hash-menu-toggle { display:inline-flex; }
  .hash-mode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hash-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hash-hero-emblem { display:none; }
  .hash-hero-content { min-height:425px; }
  .hash-home-hero { min-height:425px; }
  .hash-home-hero::before { background:linear-gradient(90deg,#080a12ec,#080a12b0 75%),linear-gradient(0deg,#090a11,transparent 40%),url('https://i.imgur.com/etzooud.jpeg') center/cover; }
}
@media(max-width:700px) {
  .hash-header-inner { min-height:60px; gap:6px; }
  .hash-brand { gap:7px; }
  .hash-brand-image { width:35px; height:35px; border-radius:8px; }
  .hash-brand-name { font-size:15px; }
  .hash-brand-check { width:16px; height:16px; }
  .hash-header-actions { gap:5px; }
  .hash-icon-button,.hash-cart-button { width:36px; min-width:36px; height:37px; padding:0; border-radius:9px; }
  .hash-cart-button>span,.hash-login>span { display:none; }
  .hash-header-actions .hash-auth { max-width:42px; }
  .hash-home-hero,.hash-hero-content { min-height:365px; }
  .hash-hero-content { padding-top:31px; padding-bottom:30px; }
  .hash-hero-copy h1 { font-size:clamp(36px,8.1vw,52px); margin:14px 0; line-height:1.02; }
  .hash-hero-copy>p { font-size:13px; line-height:1.55; max-width:380px; }
  .hash-hero-actions { margin-top:20px; gap:8px; }
  .hash-hero-primary,.hash-hero-copy-ip { min-height:44px; border-radius:10px; padding:8px 12px; font-size:12px; }
  .hash-hero-primary>svg:last-child { margin-left:1px; }
  .hash-hero-bottom { margin-top:16px; gap:7px; }
  .hash-socials a { padding:6px 8px; font-size:11px; }
  .hash-modes { padding-top:23px; padding-bottom:12px; }
  .hash-section-heading { align-items:start; margin-bottom:15px; }
  .hash-section-heading h2 { font-size:26px; }
  .hash-section-heading p { font-size:12px; }
  .hash-section-mark { display:none; }
  .hash-mode-grid { gap:9px; }
  .hash-mode-card { min-height:105px; padding:10px; gap:9px; border-radius:13px; }
  .hash-mode-icon { width:53px; height:60px; flex-basis:53px; border-radius:9px; }
  .hash-mode-icon img { width:50px; height:50px; }
  .hash-mode-icon svg { width:30px; height:30px; }
  .hash-mode-description small { font-size:8px; }
  .hash-mode-description strong { font-size:13px; }
  .hash-mode-description>span { font-size:10px; }
  .hash-mode-arrow { display:none; }
  .hash-store-area { padding-top:14px; }
  .hash-category-grid { gap:9px; grid-template-columns:1fr; }
  .hash-category-card { padding:11px; gap:13px; min-height:105px; }
  .hash-category-icon { width:78px; height:78px; flex-basis:78px; }
  .hash-category-icon img { width:70px; height:70px; }
  .hash-category-main strong { font-size:16px; }
  .hash-category-main>span { font-size:11px; }
  .hash-category-main em { margin-top:2px; }
  .hash-value-props { grid-template-columns:1fr; gap:8px; padding-top:25px; }
  .hash-value-props>div { padding:12px 14px; }
  .hash-product-content { padding:11px; }
  .hash-product-title h3 { font-size:15px; }
  .hash-product-benefit { font-size:10px; min-height:40px; }
  .hash-price-now { font-size:20px; }
  .hash-price-before { gap:4px; }
  .hash-discount { font-size:10px; padding:3px 4px; }
  .hash-product-cta { margin-top:11px; min-height:40px; font-size:12px; }
  .hash-product-cta svg:first-child { display:none; }
  .hash-product-cta svg:last-child { margin-left:4px; }
  .hash-category-page .grid.grid-cols-2 { gap:9px; }
}
@media(max-width:390px) {
  .hash-brand-name { font-size:14px; }
  .hash-brand-check { display:none; }
  .hash-header-actions { gap:3px; }
  .hash-mode-card { align-items:center; gap:6px; padding:8px; }
  .hash-mode-icon { width:44px; flex-basis:44px; height:56px; }
  .hash-mode-icon img { width:42px; height:42px; }
  .hash-mode-description strong { font-size:12px; }
  .hash-mode-description>span { display:none; }
  .hash-price-now { font-size:18px; }
  .hash-pix-indicator { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}