:root{
  --bg:#07070a;
  --panel:#0e0e14;
  --panel2:#13131b;
  --line:#22222d;
  --text:#ecebf1;
  --mute:#8c8a9a;
  --ember:#7dd3fc;
  --ember2:#bae6fd;
  --acid:#c6ff3d;
  --cut:14px;
  --display:'Anton',Impact,sans-serif;
  --body:'Chakra Petch',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  background:var(--bg);color:var(--text);font-family:var(--body);
  line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select{font:inherit;color:inherit}
::selection{background:var(--ember);color:#000}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#2a2a36;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--ember)}

/* ambient */
.grain{
  position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.07;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.glow{position:fixed;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none;opacity:.22}
.g1{background:var(--ember);top:-30vw;left:-20vw}
.g2{background:#38bdf8;bottom:-35vw;right:-25vw;opacity:.14}

.outline{color:transparent;-webkit-text-stroke:1.5px var(--text)}
.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.18em;color:var(--mute);text-transform:uppercase;display:flex;align-items:center;gap:.6rem}
.dot{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}

/* ticker */
.ticker{background:var(--ember);color:#0a0a0a;overflow:hidden;white-space:nowrap;font-family:var(--mono);font-weight:600;font-size:.72rem;letter-spacing:.14em}
.ticker-track{display:inline-flex;gap:3rem;padding:.45rem 0;animation:tick 40s linear infinite}
.ticker-track span::before{content:"▲ ";}
@keyframes tick{to{transform:translateX(-50%)}}

/* header */
.header{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.5rem;
  padding:.9rem clamp(1rem,4vw,3rem);
  background:rgba(7,7,10,.78);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.logo{display:flex;align-items:center;gap:.6rem;color:var(--ember);font-family:var(--display);font-size:1.5rem;letter-spacing:.04em}
.logo span{color:var(--text)}
.logo b{color:var(--ember);font-weight:400}
.logo.big{font-size:2.2rem}
.search{
  flex:1;max-width:560px;margin-inline:auto;display:flex;align-items:center;gap:.7rem;
  background:var(--panel);border:1px solid var(--line);padding:.65rem 1rem;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:.2s;color:var(--mute);
}
.search:focus-within{border-color:var(--ember);color:var(--ember);background:#15101a}
.search input{flex:1;background:none;border:0;outline:0;color:var(--text);min-width:0}
.search input::placeholder{color:#5f5d6c}
.search input::-webkit-search-cancel-button{filter:invert(1)}
kbd{font-family:var(--mono);font-size:.7rem;border:1px solid var(--line);padding:.1rem .45rem;color:var(--mute)}
.actions{display:flex;gap:.6rem;align-items:center}
.icon-btn{
  position:relative;display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;
  border:1px solid var(--line);background:var(--panel);transition:.2s;
  font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;
}
.icon-btn:hover{border-color:var(--ember);color:var(--ember)}
.badge{
  font-style:normal;min-width:20px;height:20px;border-radius:20px;display:inline-grid;place-items:center;
  background:var(--acid);color:#000;font-size:.68rem;font-weight:700;padding:0 5px
}
#favCount{position:absolute;top:-8px;right:-8px}
.badge.bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.6)}}

/* hero */
.hero{
  display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;
  padding:clamp(2.5rem,7vw,6rem) clamp(1rem,4vw,3rem) 3rem;max-width:1400px;margin:auto;
}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(3rem,8.5vw,7.4rem);line-height:.92;letter-spacing:.01em;margin:1.2rem 0 1.4rem;text-transform:uppercase}
.hero h1 span{display:block}
.hero h1 .hot{background:linear-gradient(95deg,var(--ember),var(--ember2) 60%,#ffd23d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(255,77,28,.35))}
.hero h1 em{color:var(--acid);-webkit-text-fill-color:var(--acid)}
.lead{max-width:520px;color:var(--mute);font-size:1.05rem}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:.95rem 1.6rem;font-family:var(--mono);font-weight:600;font-size:.82rem;letter-spacing:.14em;
  transition:.2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.btn.primary{background:var(--ember);color:#0a0a0a}
.btn.primary:hover{background:var(--acid);transform:translateY(-2px)}
.btn.primary:disabled{background:#2a2a35;color:#6b6978;cursor:not-allowed;transform:none}
.btn.ghost{background:var(--panel2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--ember);color:var(--ember)}
.btn.small{padding:.6rem 1rem;font-size:.7rem}
.btn.block{width:100%}
.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.5rem}
.hero-stats strong{display:block;font-family:var(--display);font-weight:400;font-size:2.4rem;color:var(--acid);line-height:1}
.hero-stats small{font-family:var(--mono);color:var(--mute);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}

.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%;border:1px dashed #3a3a4a;inset:0}
.ring.r2{inset:10%;border-style:solid;border-color:#262633;animation:spin 40s linear infinite reverse}
.ring.r3{inset:22%;border-color:rgba(255,77,28,.4);animation:spin 26s linear infinite}
.ring.r1{animation:spin 80s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-sigil{width:62%;filter:drop-shadow(0 0 40px rgba(255,77,28,.55));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}
.float-tag{
  position:absolute;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;font-weight:600;
  padding:.5rem .8rem;background:rgba(14,14,20,.9);border:1px solid var(--line);backdrop-filter:blur(6px);
  display:flex;align-items:center;gap:.5rem;animation:float 5s ease-in-out infinite;
}
.float-tag i{width:8px;height:8px;background:var(--ember);transform:rotate(45deg)}
.t1{top:8%;right:2%;color:var(--ember)}
.t2{bottom:20%;left:-2%;color:var(--acid);animation-delay:-2s}
.t3{bottom:6%;right:8%;animation-delay:-3.5s}

/* section head */
section{max-width:1400px;margin:auto;padding:4rem clamp(1rem,4vw,3rem)}
.section-head{margin-bottom:2.2rem}
.section-head h2{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin-top:.5rem;text-transform:uppercase}

/* catalog layout */
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}

.toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}
.count{font-family:var(--mono);font-size:.78rem;color:var(--mute);letter-spacing:.08em;margin-right:auto}
.count b{color:var(--acid)}
.sort{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.72rem;color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.sort select{background:var(--panel);border:1px solid var(--line);padding:.55rem .8rem;outline:0;cursor:pointer;text-transform:none;letter-spacing:0}
.sort select:focus{border-color:var(--ember)}

/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem}
.card{
  --rc:var(--ember);
  position:relative;background:var(--panel);border:0;display:flex;flex-direction:column;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
  transition:transform .25s,filter .25s;cursor:pointer;
  animation:rise .5s both;
}
.card::before{
  content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--rc),transparent 40%);opacity:.0;transition:.3s;pointer-events:none;z-index:1;mix-blend-mode:screen
}
.card:hover{transform:translateY(-6px);filter:drop-shadow(0 12px 28px color-mix(in srgb,var(--rc) 35%,transparent))}
.card:hover::before{opacity:.18}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
.card-art{
  position:relative;aspect-ratio:16/11;overflow:hidden;
  background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--rc) 28%,#0b0b10),#0b0b10 70%);
  border-bottom:1px solid var(--line);
}
.card-art svg{width:100%;height:100%;transition:transform .6s}
.card-art .video-thumbnail{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .card-art svg{transform:scale(1.08) rotate(3deg)}
.card:hover .card-art .video-thumbnail{transform:scale(1.04)}
.rank-tag{
  position:absolute;top:.7rem;left:.7rem;z-index:2;font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.14em;
  background:var(--rc);color:#0a0a0a;padding:.25rem .6rem;text-transform:uppercase;
  clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)
}
.fav{
  position:absolute;top:.5rem;right:.8rem;z-index:3;width:34px;height:34px;display:grid;place-items:center;
  background:rgba(7,7,10,.7);border:1px solid var(--line);color:var(--mute);transition:.2s
}
.fav:hover{color:var(--ember);border-color:var(--ember)}
.fav.on{color:var(--ember);border-color:var(--ember)}
.fav.on svg{fill:currentColor}
.card-id{position:absolute;bottom:.6rem;left:.8rem;z-index:2;font-family:var(--mono);font-size:.65rem;color:var(--mute);letter-spacing:.14em}
.disc{position:absolute;bottom:.6rem;right:.8rem;z-index:2;background:var(--acid);color:#000;font-family:var(--mono);font-weight:700;font-size:.68rem;padding:.2rem .5rem}
.card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;flex:1}
.card h3{font-family:var(--display);font-weight:400;font-size:1.35rem;letter-spacing:.03em;line-height:1.1;text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.stats div{background:var(--panel2);padding:.45rem .5rem;text-align:center}
.stats b{display:block;font-family:var(--mono);font-size:.88rem;color:var(--text)}
.stats small{font-family:var(--mono);font-size:.58rem;color:var(--mute);letter-spacing:.12em;text-transform:uppercase}
.tags{display:flex;gap:.35rem;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:.62rem;color:var(--mute);border:1px solid var(--line);padding:.15rem .45rem;letter-spacing:.06em}
.card-foot{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:.6rem;padding-top:.3rem}
.price small{display:block;font-family:var(--mono);font-size:.7rem;color:#5f5d6c;text-decoration:line-through;min-height:1em}
.price strong{font-family:var(--display);font-weight:400;font-size:1.7rem;color:var(--acid);line-height:1}
.card.sold{filter:grayscale(1) brightness(.6);cursor:default}
.card.sold:hover{transform:none;filter:grayscale(1) brightness(.6)}
.stamp{
  position:absolute;inset:0;display:grid;place-items:center;z-index:4;pointer-events:none;
}
.stamp span{font-family:var(--display);font-size:2.4rem;letter-spacing:.12em;color:#ff4a4a;border:3px solid #ff4a4a;padding:.1rem 1rem;transform:rotate(-12deg);background:rgba(7,7,10,.6)}

.empty{text-align:center;padding:4rem 1rem;border:1px dashed var(--line);display:grid;gap:.7rem;justify-items:center}
.empty[hidden]{display:none}
.empty-icon{font-family:var(--display);font-size:5rem;color:var(--ember);line-height:1}
.empty p{color:var(--mute)}

/* trust */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.steps article{background:var(--panel);padding:2rem 1.5rem;position:relative;transition:.25s}
.steps article:hover{background:var(--panel2)}
.steps .n{font-family:var(--display);font-size:4rem;color:transparent;-webkit-text-stroke:1px #3a3a4a;line-height:1;display:block;margin-bottom:1rem;transition:.25s}
.steps article:hover .n{-webkit-text-stroke-color:var(--ember)}
.steps h3{font-family:var(--display);font-weight:400;font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem}
.steps p{color:var(--mute);font-size:.95rem}

/* faq */
.faq-list{display:grid;gap:.6rem;max-width:860px}
.faq-item{background:var(--panel);border:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;text-align:left;font-weight:600;font-size:1rem}
.faq-q i{font-style:normal;font-family:var(--mono);color:var(--ember);transition:.25s}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s;color:var(--mute);padding:0 1.3rem}
.faq-item.open{border-color:var(--ember)}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-item.open .faq-a{max-height:220px;padding-bottom:1.2rem}

/* footer */
.footer{border-top:1px solid var(--line);padding:3rem clamp(1rem,4vw,3rem);max-width:1400px;margin:auto}
.foot-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.foot-top p{color:var(--mute);margin-top:.3rem}
.foot-links{display:flex;gap:1.5rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;align-items:flex-start}
.foot-links a:hover{color:var(--ember)}
.legal{font-size:.75rem;color:#5f5d6c;max-width:900px}
.legal code{font-family:var(--mono);color:var(--mute)}

/* overlay + modal + drawer */
.overlay{position:fixed;inset:0;background:rgba(3,3,6,.75);backdrop-filter:blur(6px);z-index:70;animation:fade .25s}
.overlay[hidden]{display:none}
@keyframes fade{from{opacity:0}}
.modal{
  position:fixed;z-index:80;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(960px,94vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);
  animation:pop .3s;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));
}
.modal[hidden]{display:none}
.modal.wide{width:min(900px,94vw)}
@keyframes pop{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}}
.close{position:absolute;top:1rem;right:1.5rem;z-index:5;width:38px;height:38px;border:1px solid var(--line);background:var(--panel2);display:grid;place-items:center;transition:.2s}
.close:hover{background:var(--ember);color:#000;border-color:var(--ember)}
.close.static{position:static}

.diamond-id-modal{width:min(440px,94vw);border-radius:14px;clip-path:none}
.diamond-id-content{display:grid;gap:.9rem;padding:2rem}
.diamond-id-content h2{padding-right:2rem;font-size:1.5rem;font-weight:600}
.diamond-id-content label{font-size:.85rem;font-weight:600;color:var(--mute)}
.diamond-id-content input{
  width:100%;min-height:46px;padding:.7rem .8rem;
  background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--text)
}
.diamond-id-content input:focus{outline:2px solid var(--ember);outline-offset:1px}
.diamond-id-actions{display:grid;gap:.55rem;margin-top:.2rem}
.diamond-confirm-detail{color:var(--mute);overflow-wrap:anywhere}
.diamond-confirm-detail strong{color:var(--text)}

.pm-body{display:grid;grid-template-columns:1fr 1fr}
.pm-art{position:relative;min-height:420px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rc) 30%,#0b0b10),#0b0b10 72%);border-right:1px solid var(--line)}
.pm-art svg{width:88%}
.pm-info{padding:2rem 2rem 2rem;display:flex;flex-direction:column;gap:1.1rem}
.pm-info h2{font-family:var(--display);font-weight:400;font-size:2.1rem;line-height:1;text-transform:uppercase;padding-right:3rem}
.pm-info .stats{grid-template-columns:repeat(3,1fr)}
.pm-info .stats b{font-size:1rem}
.spec-list{list-style:none;display:grid;gap:.5rem}
.spec-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:#c9c7d4}
.spec-list li::before{content:"◆";color:var(--rc,var(--ember));font-size:.6rem;margin-top:.4rem}
.meta-row{display:flex;gap:1.2rem;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;color:var(--mute)}
.meta-row b{color:var(--text);font-weight:600}
.pm-buy{margin-top:auto;border-top:1px solid var(--line);padding-top:1.2rem;display:grid;gap:.8rem}
.pm-price{display:flex;align-items:baseline;gap:.8rem}
.pm-price strong{font-family:var(--display);font-weight:400;font-size:2.6rem;color:var(--acid);line-height:1}
.pm-price s{font-family:var(--mono);color:#5f5d6c}
/* toasts */
.toasts{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:.5rem;justify-items:center;pointer-events:none}
.toast{
  background:var(--text);color:#0a0a0a;font-family:var(--mono);font-size:.78rem;font-weight:600;padding:.7rem 1.1rem;
  display:flex;gap:.6rem;align-items:center;animation:toast .35s both;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
.toast.ok::before{content:"✓";color:#0a0;font-weight:900}
.toast.warn{background:var(--ember)}
.toast.out{animation:toastOut .3s both}
@keyframes toast{from{opacity:0;transform:translateY(20px)}}
@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}

/* responsive */
@media (max-width:1000px){
  .hero{grid-template-columns:1fr}
  .hero-art{max-width:420px;margin:auto;order:-1}
  .catalog-layout{grid-template-columns:minmax(0,1fr)}
  .pm-body{grid-template-columns:1fr}
  .pm-art{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:700px){
  .header{flex-wrap:wrap;gap:.8rem}
  .search{order:3;flex-basis:100%;max-width:none}
  .actions{margin-left:auto}
  .hero h1{font-size:clamp(2.8rem,15vw,4.5rem)}
  kbd{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Minimal storefront */
:root{
  --bg:#f7f8f6;
  --panel:#fff;
  --panel2:#f3f5f2;
  --line:#e3e7e2;
  --text:#252a26;
  --mute:#747c74;
  --ember:#37694e;
  --ember2:#4d8062;
  --acid:#e5eee7;
  --cut:12px;
  --display:'DM Sans',system-ui,sans-serif;
  --body:'DM Sans',system-ui,sans-serif;
  --mono:'DM Sans',system-ui,sans-serif;
}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.55}
::selection{background:#dce9df;color:var(--text)}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#cbd3cc}
::-webkit-scrollbar-thumb:hover{background:var(--ember)}
.grain,.glow,.ticker{display:none}
.outline{-webkit-text-stroke:0;color:inherit}
.eyebrow{font-family:var(--body);font-size:.88rem;letter-spacing:0;text-transform:none;color:var(--mute)}

.header{
  gap:clamp(.75rem,2vw,2rem);
  padding:.85rem clamp(1rem,5vw,4rem);
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.logo{font-family:var(--body);font-size:1.45rem;letter-spacing:-.04em;color:var(--text);font-weight:700}
.logo span{color:inherit}
.logo b{color:var(--ember);font-weight:700}
.search{
  max-width:600px;padding:.68rem .9rem;background:var(--bg);border:1px solid var(--line);
  border-radius:8px;clip-path:none;color:var(--mute)
}
.search:focus-within{background:#fff;border-color:#aab9ac;color:var(--ember)}
.search input{color:var(--text)}
.search input::placeholder{color:#959c95}
kbd{border:1px solid var(--line);border-radius:4px;color:var(--mute)}
.actions{gap:.5rem}
.icon-btn{
  padding:.62rem .8rem;border:1px solid var(--line);border-radius:8px;background:#fff;
  font-family:var(--body);font-size:.86rem;letter-spacing:0
}
.icon-btn:hover{border-color:#b5c4b8;color:var(--ember)}
.badge{background:#e7eee8;color:var(--ember);font-size:.72rem}

section{max-width:1440px;padding:3.25rem clamp(1rem,5vw,4rem)}
.catalog{padding-top:2.3rem;padding-bottom:3.5rem}
.section-head{margin-bottom:1.5rem}
.section-head .eyebrow{margin-bottom:.2rem}
.section-head h2{
  font-family:var(--body);font-size:clamp(1.7rem,3vw,2.25rem);
  font-weight:600;letter-spacing:-.045em;line-height:1.2;text-transform:none;margin-top:0
}
.catalog-layout{gap:1.5rem}
.sort select{
  background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--text)
}
.sort select:focus{border-color:#9aaf9e}

.toolbar{gap:.8rem;margin-bottom:1rem}
.count{font-family:var(--body);font-size:.9rem;letter-spacing:0;color:var(--mute)}
.count b{color:var(--text)}
.sort{font-family:var(--body);font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--mute)}
.sort select{border-radius:7px;padding:.55rem .7rem}
.grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}
.card{
  background:#fff;border:1px solid var(--line);border-radius:11px;clip-path:none;
  overflow:hidden;animation:none;transition:transform .18s,border-color .18s,box-shadow .18s
}
.card::before{display:none}
.card:hover{transform:translateY(-3px);filter:none;border-color:#d3ddd4;box-shadow:0 10px 24px rgba(35,49,38,.07)}
.card-art{
  background:#eff1ee;border-bottom:1px solid var(--line)
}
.card-art svg{filter:saturate(.55);transition:transform .3s}
.card:hover .card-art svg{transform:scale(1.025)}
.rank-tag{
  top:.75rem;left:.75rem;background:rgba(255,255,255,.94);color:var(--text);
  border:1px solid rgba(36,42,37,.08);border-radius:5px;clip-path:none;
  font-family:var(--body);font-size:.7rem;letter-spacing:0;padding:.3rem .55rem
}
.fav{top:.65rem;right:.65rem;width:34px;height:34px;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--mute)}
.fav:hover,.fav.on{color:var(--ember);border-color:#b8c8ba}
.card-id{font-family:var(--body);font-size:.72rem;letter-spacing:0;color:#59615a}
.disc{background:#fff;color:var(--ember);border:1px solid var(--line);border-radius:4px;font-family:var(--body);font-size:.72rem;padding:.2rem .45rem}
.card-body{padding:1rem;gap:.75rem}
.card h3{font-family:var(--body);font-size:1.08rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;text-transform:none}
.stats{gap:0;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden}
.stats div{background:#fafbf9;padding:.5rem .35rem}
.stats b{font-family:var(--body);font-size:.9rem;font-weight:600}
.stats small{font-family:var(--body);font-size:.64rem;letter-spacing:0;text-transform:none;color:var(--mute)}
.tag{font-family:var(--body);font-size:.68rem;letter-spacing:0;background:#f7f8f6;border:1px solid var(--line);border-radius:4px;padding:.15rem .45rem}
.card-foot{align-items:center;padding-top:.15rem}
.price small{font-family:var(--body);font-size:.74rem;color:#929991}
.price strong{font-family:var(--body);font-size:1.35rem;font-weight:700;color:var(--text)}
.card.sold{filter:grayscale(.65);opacity:.72}
.card.sold:hover{filter:grayscale(.65);box-shadow:none}
.stamp span{font-family:var(--body);font-size:1.7rem;letter-spacing:.08em;border:2px solid #9a5d5d;border-radius:5px;color:#9a5d5d;background:rgba(255,255,255,.8)}
.empty{border:1px dashed #cbd4cc;border-radius:10px}
.empty-icon{font-family:var(--body);font-size:3rem;color:var(--mute)}

.btn{
  padding:.8rem 1.1rem;border-radius:8px;clip-path:none;
  font-family:var(--body);font-size:.86rem;font-weight:600;letter-spacing:0;text-transform:none
}
.btn.primary{background:var(--ember);color:#fff}
.btn.primary:hover{background:var(--ember2);transform:translateY(-1px)}
.btn.primary:disabled{background:#e7eae6;color:#8b928b}
.btn.ghost{background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px #b8c8ba;color:var(--ember)}
.btn.small{padding:.55rem .8rem;font-size:.8rem}

.steps{gap:1rem;background:none;border:0}
.steps article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.35rem}
.steps article:hover{background:#fff;border-color:#cdd9cf}
.steps .n{font-family:var(--body);font-size:1.6rem;font-weight:600;color:#c8d0c9;-webkit-text-stroke:0;margin-bottom:.8rem}
.steps article:hover .n{color:var(--ember);-webkit-text-stroke:0}
.steps h3{font-family:var(--body);font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none}
.steps p,.empty p{color:var(--mute);font-size:.9rem}
.faq-list{gap:.55rem}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.faq-q{padding:1rem 1.1rem;font-weight:600}
.faq-q i{font-family:var(--body);color:var(--ember)}
.faq-item.open{border-color:#c4d2c6}
.faq-a{color:var(--mute)}

.footer{max-width:1440px;padding:2.5rem clamp(1rem,5vw,4rem);border-top:1px solid var(--line)}
.logo.big{font-size:1.5rem}
.foot-top p{color:var(--mute)}
.foot-links{font-family:var(--body);font-size:.82rem;letter-spacing:0;text-transform:none}
.foot-links a:hover{color:var(--ember)}
.legal{font-size:.78rem;color:#818981}
.legal code{font-family:var(--body);color:var(--mute)}

.overlay{background:rgba(28,35,29,.42);backdrop-filter:blur(3px)}
.modal{background:#fff;border:1px solid var(--line);border-radius:14px;clip-path:none;box-shadow:0 20px 70px rgba(20,30,22,.16)}
.close{width:36px;height:36px;border-radius:50%;background:#fff;border-color:var(--line)}
.close:hover{background:#edf2ed;color:var(--ember);border-color:#cbd8cd}
.pm-art{background:#f0f2ef;border-right-color:var(--line)}
.pm-art svg{filter:saturate(.55)}
.pm-info h2{
  font-family:var(--body);font-weight:600;letter-spacing:-.03em;text-transform:none
}
.pm-info h2{font-size:1.8rem}
.pm-info .stats div{background:#f7f8f6}
.pm-info .stats b{font-family:var(--body);font-size:1rem}
.spec-list li{color:#505850}
.spec-list li::before{content:"•";color:var(--ember);font-size:1rem;margin-top:0}
.meta-row{font-family:var(--body);font-size:.78rem}
.pm-buy{border-color:var(--line)}
.pm-price strong{font-family:var(--body);font-size:2rem;color:var(--text)}
.pm-price s{font-family:var(--body);color:#8a918a}
.toast{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px rgba(20,30,22,.12);font-family:var(--body);clip-path:none}
.toast.warn{background:#fff3ed;color:#8c4e30}

@media(max-width:1000px){
  .catalog-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .header{gap:.7rem}
  .logo{font-size:1.25rem}
  .actions{gap:.4rem}
  .icon-btn{padding:.55rem}
  .search{order:3;flex-basis:100%}
  .catalog{padding-top:1.7rem}
  section{padding:2.5rem 1rem}
  .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
  .pm-info{padding:1.25rem}
}
@media(max-width:480px){
  .grid{grid-template-columns:1fr}
  .catalog-layout{gap:1rem}
  .toolbar{align-items:flex-start}
  .sort{margin-left:auto}
  .sort select{max-width:150px}
}

/* Dark color scheme */
:root{
  color-scheme:dark;
  --bg:#111411;
  --panel:#191e1a;
  --panel2:#202621;
  --line:#303a32;
  --text:#e8ece8;
  --mute:#9aa49b;
  --ember:#8eb397;
  --ember2:#a2c5a8;
  --acid:#29372c;
}
body{background:var(--bg);color:var(--text)}
::selection{background:#38513d;color:#fff}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#3b463d}
::-webkit-scrollbar-thumb:hover{background:var(--ember)}
.header{background:rgba(25,30,26,.96);border-color:var(--line)}
.search,.range-row input,.sort select{background:#151a16;border-color:var(--line);color:var(--text)}
.search:focus-within{background:#191f1a;border-color:#627d67}
.search input{color:var(--text)}
.search input::placeholder{color:#778078}
kbd{border-color:var(--line);color:var(--mute)}
.icon-btn,.btn.ghost,.close{background:var(--panel);border-color:var(--line);color:var(--text)}
.icon-btn:hover,.btn.ghost:hover{border-color:#526b57;color:#b6d0b9}
.btn.primary{background:#63866a;color:#fff;border-color:#63866a}
.btn.primary:hover{background:#759b7c}
.badge{background:#324636;color:#c0d7c3}
.section-head h2{color:var(--text)}
.steps article,.faq-item,.card,.modal{background:var(--panel);border-color:var(--line)}
.count b{color:#c5dcc8}
.sort select{background:#191e1a}
.card{box-shadow:none}
.card:hover{border-color:#455448;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.card-art,.pm-art{background:#202721;border-color:var(--line)}
.rank-tag{background:rgba(25,30,26,.94);color:#e5e9e5;border-color:#3a443b}
.fav{background:rgba(25,30,26,.94);border-color:#3a443b;color:#b0b8b1}
.fav:hover,.fav.on{color:#b6d0b9;border-color:#627d67}
.card-id{color:#b0b8b1}
.disc{background:#27352a;color:#c2d8c5;border-color:#465b49}
.stats{background:var(--line);border-color:var(--line)}
.stats div,.pm-info .stats div{background:#1c221d}
.stats b{color:var(--text)}
.tag{background:#1b211c;border-color:var(--line);color:#aab3ab}
.price small{color:#929b93}
.price strong,.pm-price strong{color:var(--text)}
.card.sold{filter:grayscale(.55);opacity:.62}
.card.sold:hover{filter:grayscale(.55);box-shadow:none}
.stamp span{background:rgba(25,30,26,.88);color:#d18484;border-color:#a65d5d}
.empty{border-color:#465047}
.empty-icon{color:#aab3ab}
.steps{background:transparent}
.steps article:hover{background:#1c221d;border-color:#455448}
.steps .n{color:#59645b}
.steps article:hover .n{color:#b6d0b9}
.steps p,.empty p{color:var(--mute)}
.faq-item.open{border-color:#526b57}
.faq-a{color:var(--mute)}
.footer{border-color:var(--line)}
.legal{color:#818b82}
.legal code{color:var(--mute)}
.overlay{background:rgba(0,0,0,.68)}
.modal{box-shadow:0 20px 70px rgba(0,0,0,.45)}
.close:hover{background:#29352b;color:#c5dcc8;border-color:#526b57}
.spec-list li{color:#c1c9c2}
.toast{background:#202621;color:var(--text);border-color:#3a443b;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.toast.warn{background:#3b2c25;color:#e6b69a}

/* Dark storefront styling with light-blue accents */
:root{
  --bg:#070b0e;
  --panel:#0c1217;
  --panel2:#111b22;
  --line:#20333e;
  --text:#f0f7fa;
  --mute:#9caeb7;
  --ember:#7dd3fc;
  --ember2:#bae6fd;
  --acid:#172b36;
}
body{background:var(--bg);color:var(--text)}
::selection{background:#28749b;color:#fff}
::-webkit-scrollbar-track{background:#070b0e}
::-webkit-scrollbar-thumb{background:#29404d}
::-webkit-scrollbar-thumb:hover{background:var(--ember)}
.header{background:rgba(7,11,14,.97);border-color:#1e3039}
.logo b{color:var(--ember)}
.search,.range-row input,.sort select{
  background:#0c1217;border-color:#20333e;color:var(--text)
}
.search:focus-within{background:#0d1820;border-color:#4d9bc0;color:#bae6fd}
.search input::placeholder{color:#788c96}
.icon-btn,.btn.ghost,.close{background:#0f171d;border-color:#29404d;color:var(--text)}
.icon-btn:hover,.btn.ghost:hover{border-color:#4b849f;color:#bae6fd}
.btn.primary{background:linear-gradient(105deg,#38bdf8,#7dd3fc);color:#08202b;border-color:#38bdf8}
.btn.primary:hover{background:linear-gradient(105deg,#60ccfa,#bae6fd);color:#08202b}
.btn.primary:disabled{background:#263943;color:#91aab5;border-color:#263943}
.badge{background:#1b3948;color:#d8f2ff}
.catalog{background:transparent}
.steps article,.faq-item,.card,.modal{
  background:#0c1217;border-color:#20333e
}
.quick-prices button:hover{color:#bae6fd;border-color:#4b849f}
.switch .track{background:#18252c;border-color:#38515d}
.switch .track i{background:#9caeb7}
.switch input:checked + .track{background:#1b3948;border-color:#4d9bc0}
.switch input:checked + .track i{background:#7dd3fc}
.count b{color:#bae6fd}
.sort select{background:#0c1217}
.card{box-shadow:none}
.card:hover{border-color:#3d7189;box-shadow:0 10px 26px rgba(50,118,150,.18)}
.card-art,.pm-art{
  background:#0e171d;border-color:#20333e
}
.card-art svg,.pm-art svg{filter:saturate(.4) brightness(.82)}
.rank-tag{background:rgba(12,18,23,.94);color:#edf8fc;border-color:#38515d}
.fav{background:rgba(12,18,23,.94);border-color:#38515d;color:#a9bdc6}
.fav:hover,.fav.on{color:#bae6fd;border-color:#4b849f}
.card-id{color:#a9bdc6}
.disc{background:#193746;color:#d8f2ff;border-color:#315f75}
.stats{background:#20333e;border-color:#20333e}
.stats div,.pm-info .stats div{background:#111b22}
.stats b{color:#f0f7fa}
.tag{background:#111b22;border-color:#29404d;color:#a9bdc6}
.price small{color:#93a5ad}
.price strong,.pm-price strong{color:#fff}
.card.sold{filter:grayscale(.55);opacity:.58}
.card.sold:hover{filter:grayscale(.55);box-shadow:none}
.stamp span{background:rgba(12,18,23,.9);color:#bae6fd;border-color:#4b849f}
.empty{border-color:#38515d}
.empty-icon{color:#7dd3fc}
.steps article:hover{background:#111b22;border-color:#38515d}
.steps .n{color:#58707a}
.steps article:hover .n{color:#bae6fd}
.faq-item.open{border-color:#4b849f}
.faq-q i{color:#bae6fd}
.foot-links a:hover{color:#bae6fd}
.overlay{background:rgba(0,0,0,.76)}
.modal{box-shadow:0 20px 70px rgba(0,0,0,.6)}
.close:hover{background:#1b3948;color:#d8f2ff;border-color:#3d7189}
.toast{background:#111c23;color:#f0f7fa;border-color:#38515d}
.toast.warn{background:#193746;color:#d8f2ff}
.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.card{border-radius:13px}
.card-art{aspect-ratio:16/8.5;border-bottom:1px solid #20333e}
.card-art svg{filter:saturate(.62) brightness(.78)}
.card:hover .card-art svg{transform:scale(1.035)}
.rank-tag{top:auto;left:.7rem;bottom:.65rem;padding:.2rem .45rem;font-size:.62rem;opacity:.9}
.card-body{gap:.4rem;padding:.8rem .85rem .85rem}
.card h3{
  min-height:2.6em;font-size:.92rem;font-weight:600;line-height:1.3;
  letter-spacing:0;text-transform:uppercase
}
.price-line{min-height:1.2rem;display:flex;align-items:center;gap:.45rem;margin-top:.15rem}
.price-line s{color:#928689;font-size:.72rem}
.price-spacer{height:1rem}
.disc{
  position:static;
  padding:.12rem .4rem;border-radius:999px;background:#193746;
  border-color:#315f75;color:#d8f2ff;font-size:.66rem;font-weight:700
}
.price{line-height:1.1}
.price strong{font-size:1.45rem;font-weight:700;letter-spacing:-.03em}
.pix-price{min-height:1.2rem;color:#a99da0;font-size:.74rem;line-height:1.2}
.pix-price strong{color:#e8dfe0;font-weight:600}
.card-actions{display:flex;align-items:center;gap:.45rem;margin-top:.2rem}
.buy-card{
  flex:1;min-width:0;height:38px;border-radius:9px;
  background:linear-gradient(105deg,#38bdf8,#7dd3fc);color:#08202b;
  display:flex;align-items:center;justify-content:center;
  font-size:.82rem;font-weight:700;transition:background .18s,transform .18s
}
.buy-card:hover:not(:disabled){background:linear-gradient(105deg,#60ccfa,#bae6fd);transform:translateY(-1px)}
.buy-card:disabled{background:#263943;color:#91aab5;cursor:not-allowed}
.diamond-art img{display:block;width:100%;height:100%;object-fit:cover}
.diamond-description{min-height:1.2rem;color:var(--mute);font-size:.8rem}
.card.sold .card-art svg{filter:grayscale(.65) brightness(.62)}
@media(max-width:480px){
  .grid{grid-template-columns:1fr}
  .card-art{aspect-ratio:16/8}
  .card-body{padding:.8rem}
}

/* Individual account pages */
.account-page[hidden]{display:none}
body.product-view #catalogo,
body.product-view #garantia,
body.product-view .store-category,
body.product-view .faq{display:none}
body.product-view .search{display:none}
body.product-view .header{justify-content:space-between}
.account-page{
  max-width:1200px;
  padding-top:1.5rem;
}
.account-breadcrumb{
  display:flex;align-items:center;gap:.55rem;margin-bottom:1.3rem;
  color:var(--mute);font-size:.84rem
}
.account-breadcrumb a{color:#bae6fd}
.account-breadcrumb a:hover{color:#d8f2ff}
.account-product{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  overflow:hidden;background:#0c1217;border:1px solid #20333e;border-radius:14px
}
.account-product-art{
  min-height:470px;display:grid;place-items:center;align-self:stretch;
  background:#0e171d;border-right:1px solid #20333e
}
.account-product-art svg{width:100%;height:100%;min-height:470px;filter:saturate(.55) brightness(.82)}
.account-product-info{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.25rem,3vw,2.2rem)}
.account-id{display:flex;align-items:center;gap:.55rem;font-size:.76rem;color:var(--mute)}
.account-product-info h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.04em}
.account-stats{grid-template-columns:repeat(3,1fr)}
.account-stats div{padding:.8rem .5rem}
.account-stats b{font-size:1rem}
.account-stats small{font-size:.72rem}
.account-tags{gap:.45rem}
.store-category{padding-top:1rem}
.store-category .section-head{margin-bottom:1.25rem}
.category-empty{
  display:grid;gap:.35rem;padding:1.5rem;
  border:1px dashed var(--line);border-radius:10px;
  background:var(--panel);color:var(--mute);text-align:center
}
.category-empty strong{color:var(--text);font-size:1rem;font-weight:600}
.category-empty p{font-size:.9rem}
.category-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.category-item{
  display:flex;min-height:120px;flex-direction:column;justify-content:center;gap:.45rem;
  padding:1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:10px
}
.category-item h3{font-size:1.05rem;font-weight:600}
.category-item span{color:var(--ember);font-size:.78rem;font-weight:700;letter-spacing:.08em}
.reviews{padding-bottom:4rem}
.reviews-notice{margin-bottom:1rem;color:var(--mute);font-size:.85rem}
.review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.review-card{
  display:grid;align-content:start;gap:.7rem;padding:1.25rem;
  background:var(--panel);border:1px solid var(--line);border-radius:10px
}
.review-card-top{display:flex;align-items:center;gap:.75rem}
.review-stars{color:var(--ember);letter-spacing:.12em}
.review-profile{display:flex;align-items:center;gap:.75rem;min-width:0}
.review-avatar{
  display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;
  border:1px solid var(--line);border-radius:50%;background:var(--panel2);
  color:var(--ember);font-weight:700
}
.review-profile h3{font-size:.95rem;font-weight:600}
.review-product{display:block;margin-top:.15rem;color:var(--mute);font-size:.78rem}
.review-purchase{
  display:flex;align-items:center;gap:.75rem;min-width:0;padding:.65rem;
  border:1px solid var(--line);border-radius:8px;background:var(--panel2)
}
.review-purchase img{
  flex:0 0 64px;width:64px;height:64px;object-fit:cover;border-radius:5px;
  background:var(--panel)
}
.review-purchase>div{display:grid;gap:.1rem;min-width:0}
.review-product-label{color:var(--mute);font-size:.67rem}
.review-purchase strong{font-size:.84rem;line-height:1.25}
.review-price{color:var(--mute);font-size:.75rem}
.review-example{
  justify-self:start;padding:.2rem .45rem;border:1px solid var(--line);
  border-radius:99px;color:var(--mute);font-family:var(--mono);font-size:.62rem;
  letter-spacing:.06em;text-transform:uppercase
}
.review-card p{color:var(--mute);font-size:.9rem}
.account-description{display:grid;gap:.65rem;padding-top:.4rem}
.account-description h2{font-size:1.05rem;font-weight:600}
.account-description>p{color:#aebdc3;font-size:.9rem}
.account-description .spec-list{gap:.45rem}
.account-description .spec-list li{font-size:.86rem}
.account-meta{padding-top:.2rem}
.account-meta strong{color:#f0f7fa;font-weight:600}
.account-purchase{margin-top:auto;padding-top:1rem;border-top:1px solid #20333e}
.account-price-line{display:flex;align-items:center;gap:.5rem;min-height:1.2rem}
.account-price-line s{font-size:.82rem;color:#93a5ad}
.account-price{display:block;margin-top:.2rem;font-size:2rem;line-height:1.2}
.account-purchase>p{margin:.2rem 0 .9rem;color:#aebdc3;font-size:.82rem}
.account-purchase>p strong{color:#f0f7fa}
.account-actions{display:grid;grid-template-columns:1fr;gap:.6rem}
.account-actions .btn{width:100%}
.recommended-section{padding:3.25rem 0 0}
.recommended-section .section-head{margin-bottom:1.2rem}
.recommended-section .section-head h2{font-size:1.65rem}
.recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.recommended-grid{
  display:flex;grid-template-columns:none;gap:1rem;
  overflow-x:auto;overflow-y:hidden;padding:0 0 .8rem;
  scroll-snap-type:x mandatory;scrollbar-width:thin;
  scrollbar-color:#3d7189 #14232b;
  overscroll-behavior-inline:contain;touch-action:pan-x
}
.recommended-grid .card{flex:0 0 260px;min-width:0;scroll-snap-align:start}
.recommended-grid::-webkit-scrollbar{height:7px}
.recommended-grid::-webkit-scrollbar-track{background:#14232b;border-radius:8px}
.recommended-grid::-webkit-scrollbar-thumb{background:#3d7189;border-radius:8px}
.recommended-grid::-webkit-scrollbar-thumb:hover{background:#4d9bc0}

/* Full-width 16:9 artwork followed by unboxed, compact product information. */
.account-page{max-width:1280px}
.account-product{display:block;overflow:visible;background:none;border:0;border-radius:0}
.account-product-art{
  width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1280/720;
  border:1px solid #20333e;border-radius:12px;overflow:hidden
}
.account-product-art svg{
  display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover
}
.account-product-art iframe{display:block;width:100%;height:100%;border:0}
.account-product-info{
  display:grid;  grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);
  grid-template-areas:
    "id id"
    "title title"
    "tags purchase";
  align-items:start;align-content:start;column-gap:2rem;row-gap:.65rem;
  max-width:1040px;margin:0 auto;padding:1.25rem 0 0
}
.account-id{grid-area:id;margin:0}
.account-product-info h1{grid-area:title;font-size:clamp(1.65rem,3vw,2.2rem)}
.account-product-info .account-stats{
  grid-area:stats;gap:0;overflow:visible;
  background:transparent;border:0;border-radius:0
}
.account-product-info .account-stats div{
  padding:.25rem .8rem;background:transparent;text-align:left;
  border-right:1px solid #29404d
}
.account-product-info .account-stats div:first-child{padding-left:0}
.account-product-info .account-stats div:last-child{border-right:0}
.account-product-info .account-stats b{font-size:.92rem}
.account-product-info .account-stats small{font-size:.68rem}
.account-tags{grid-area:tags}
.account-description{grid-area:description;gap:.5rem;padding-top:.25rem}
.account-description>p{font-size:.84rem;line-height:1.45}
.account-description .spec-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:.35rem}
.account-description .spec-list li{font-size:.8rem}
.account-purchase{
  grid-area:purchase;align-self:start;margin:0;padding:0 0 0 1rem;
  border:0;border-left:1px solid #20333e
}
.account-price{font-size:1.8rem}
.account-actions{grid-template-columns:1fr}
.account-actions .btn{padding:.7rem 1rem}
@media(max-width:900px){
  .recommended-grid .card{flex-basis:250px}
}
@media(max-width:700px){
  .account-product-info{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"id" "title" "purchase" "stats" "tags" "description";
    gap:.7rem;padding-top:1rem
  }
  .account-description .spec-list{grid-template-columns:1fr}
  .account-purchase{padding:1rem 0 0;border-left:0;border-top:1px solid #20333e}
  .account-actions{grid-template-columns:1fr}
}
@media(max-width:600px){
  .account-page{padding-top:1rem}
  .account-actions{grid-template-columns:1fr}
  .recommended-section{padding-top:2.4rem}
  .recommended-grid .card{flex-basis:min(78vw,280px)}
}
@media(max-width:600px){
  #catalogo #grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  #catalogo .card-art{aspect-ratio:1.35}
  #catalogo .card-body{gap:.35rem;padding:.65rem}
  #catalogo .card h3{min-height:2.6em;font-size:.8rem;line-height:1.3}
  #catalogo .price-line{gap:.3rem;font-size:.65rem}
  #catalogo .price-line s{font-size:.62rem}
  #catalogo .disc{padding:.1rem .3rem;font-size:.58rem}
  #catalogo .price strong{font-size:1.12rem}
  #catalogo .pix-price{font-size:.63rem;white-space:nowrap}
  #catalogo .buy-card{height:34px;font-size:.72rem}
}