:root{--bg:#0b1019;--surface:#121a26;--surface2:#182333;--surface3:#1d2b3b;--stroke:#293648;--stroke2:#33465d;--text:#f2f5fc;--muted:#94a3b9;--soft:#bdc8d9;--accent:#7da2ff;--accent2:#a8beff;--cyan:#65d6ed;--green:#65d6ab;--red:#ff8c91;--warning:#ffca80;--radius:16px;--shadow:0 18px 45px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}img{max-width:100%;display:block}svg{flex-shrink:0}::selection{background:#5376df;color:#fff}input,textarea,select{color:var(--text)}
.container{max-width:1240px;width:min(100% - 48px,1240px);margin:auto}.small-container{max-width:1080px}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.muted{color:var(--muted)}.text-sm{font-size:12px}.text-md{font-size:13px}.bold{font-weight:750}.accent{color:var(--accent2)}.green{color:var(--green)}.danger{color:var(--red)}.hide{display:none!important}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mb16{margin-bottom:16px}.grow{flex:1}.nowrap{white-space:nowrap}.grid{display:grid;gap:22px}
.site-header{background:#080c13;position:sticky;top:0;z-index:100;border-bottom:1px solid #1e2b3b;box-shadow:0 10px 28px #06091255}.topbar{height:77px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;letter-spacing:-.7px;font-size:23px;font-weight:900}.brand .brand-mark{height:41px;width:43px;background:linear-gradient(135deg,#a9c0ff,#628cff 50%,#6de5ee);color:#0e1734;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 70%,74% 100%,0 100%);font-size:19px;letter-spacing:-2px;padding-right:2px}.brand b{font-weight:900}.brand b span{color:var(--cyan)}.search-head{flex:1;display:flex;align-items:center;gap:8px;background:#161f2c;border:1px solid #2b3a4e;border-radius:11px;min-width:0;max-width:540px;height:44px;overflow:hidden}.search-head input{background:transparent;border:0;outline:0;color:#fff;padding:0 16px;width:100%;min-width:0}.search-head input::placeholder{color:#71829b}.search-head button{width:45px;height:43px;background:#263650;border:0;color:#c9d9ff;display:grid;place-items:center}.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-button{height:42px;min-width:42px;border:1px solid var(--stroke);background:#131d2b;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--soft);transition:.16s}.icon-button:hover,.header-login:hover{border-color:#789cff;background:#1b2840}.header-login{display:flex;align-items:center;gap:9px;height:42px;border-radius:12px;border:1px solid #344256;padding:0 13px;color:#dce6f6;font-size:13px;font-weight:600}.cart-badge{background:var(--accent);color:#061126;border-radius:99px;min-width:19px;padding:1px 5px;line-height:17px;font-size:10px;font-weight:900}.navrow{height:47px;display:flex;align-items:center;gap:29px;border-top:1px solid #141e2b}.navrow a{display:inline-flex;align-items:center;gap:9px;color:#9daec3;font-size:12px;font-weight:650;transition:.16s;white-space:nowrap}.navrow a:hover,.navrow a.active{color:#d8e4ff}.navrow .nav-sep{width:1px;height:17px;background:#2e3b50}.navrow .nav-hot{color:#b3c7ff}.mobile-menu{display:none}
.announcement{padding:8px 0;text-align:center;background:linear-gradient(90deg,#152442,#12233e,#18324c);border-bottom:1px solid #264361;color:#baccdf;font-size:11px;letter-spacing:.1px}.announcement strong{color:#b5ceff}
.hero{padding:37px 0 12px}.hero-frame{display:grid;grid-template-columns:1fr .93fr;min-height:408px;border-radius:23px;background:radial-gradient(circle at 88% 30%,#253d78 0%,transparent 42%),linear-gradient(110deg,#142343,#142035 47%,#182850);border:1px solid #30496a;overflow:hidden;position:relative;isolation:isolate}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b152500 65%,#1d336b20);pointer-events:none}.hero-copy{padding:65px 0 60px 62px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #466c9f;background:#1c3559;border-radius:99px;padding:7px 12px;color:#accdff;font-size:10px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #60dff4}.hero h1{font-weight:900;letter-spacing:-2.8px;font-size:clamp(32px,3.6vw,54px);line-height:1.12;max-width:610px;margin:22px 0 17px}.hero h1 em{color:#9ab8ff;font-style:normal}.hero p{color:#bbcadc;font-size:15px;max-width:500px;line-height:1.75;margin:0 0 27px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-art{background:url('/assets/hero-art.svg') center right 22px / contain no-repeat;min-height:350px;margin:7px -35px 0 0}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid transparent;padding:12px 19px;line-height:1.25;min-height:43px;font-weight:800;transition:.15s ease;color:var(--text);background:#26354c}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(105deg,#83a6ff,#6d95fb);color:#0c1936;border-color:#9ab8ff;box-shadow:0 8px 24px #5174dd30}.btn-primary:hover{background:#9bb7ff}.btn-outline{background:#ffffff08;border-color:#62799a;color:#d9e6ff}.btn-outline:hover{background:#ffffff14}.btn-ghost{background:transparent;border:1px solid #344458;color:#aabbd1}.btn-small{min-height:34px;padding:8px 13px;font-size:12px}.btn-danger{background:#512630;color:#ffc3c7;border:1px solid #8f4b55}.btn-full{width:100%}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px;margin-bottom:54px}.benefit{display:flex;gap:13px;align-items:center;border:1px solid #273448;background:#121b29;border-radius:14px;padding:16px 20px}.benefit-icon{color:#94b1ff;background:#203454;display:grid;place-items:center;width:40px;height:40px;border-radius:11px}.benefit strong{font-size:12px;display:block;color:#e6ecfa}.benefit small{display:block;color:#8192a9;font-size:11px;margin-top:2px}
.section{margin:0 0 61px}.section-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:21px;gap:15px}.section-kicker{font-size:10px;letter-spacing:1.8px;font-weight:900;color:var(--cyan);text-transform:uppercase}.section h2{font-weight:850;font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:5px 0 0}.section-header p{margin:7px 0 0;color:#8a9bb1}.link-plain{display:flex;align-items:center;gap:7px;color:#a8c0ff;font-weight:750;font-size:12px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-tile{border:1px solid #2b394e;background:linear-gradient(135deg,#17243a,#151d2c);border-radius:16px;min-height:115px;padding:20px;display:flex;align-items:center;gap:18px;transition:.18s}.category-tile:hover{transform:translateY(-3px);border-color:#6886c5}.category-icon{width:56px;height:56px;border-radius:15px;background:#263b68;display:grid;place-items:center;color:#96baff}.category-tile:nth-child(2) .category-icon{background:#174449;color:#82e1e1}.category-tile:nth-child(3) .category-icon{background:#3d2d59;color:#c9adff}.category-tile:nth-child(4) .category-icon{background:#453528;color:#ffc98f}.category-title{font-size:14px;font-weight:850}.category-tile small{display:block;color:#91a2b9;margin-top:4px;font-size:11px}
.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{overflow:hidden;border-radius:16px;background:#151e2c;border:1px solid #2c394c;transition:.2s;display:flex;flex-direction:column;min-width:0}.product-card:hover{transform:translateY(-4px);border-color:#526c9c;box-shadow:var(--shadow)}.product-cover{height:186px;background:#172b54;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.product-cover img{width:100%;height:100%;object-fit:cover}.cover-tag{position:absolute;top:13px;left:12px;padding:5px 9px;background:#0c183bd9;border:1px solid #7ea0f15e;border-radius:6px;color:#b4ccff;font-weight:850;font-size:9px;letter-spacing:.75px;z-index:3}.cover-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 25%,#8fa7ff44,transparent 40%),linear-gradient(140deg,#14254b,#263d77 52%,#142344)}.cover-visual:before{content:"";width:140px;height:110px;border:1px solid #8ab7ff60;border-radius:17px;transform:rotate(-11deg);background:linear-gradient(135deg,#bad7ff30,#36549a60);box-shadow:10px 18px 50px #050a2280;position:absolute}.cover-visual svg{color:#c8deff;z-index:1;filter:drop-shadow(0 6px 14px #04112e)}.cover-visual.purple{background:radial-gradient(circle at 70% 25%,#cc8bff60,transparent 45%),linear-gradient(130deg,#251946,#3a2963,#152046)}.cover-visual.teal{background:radial-gradient(circle at 70% 25%,#81ead455,transparent 45%),linear-gradient(130deg,#112e42,#20545b,#142343)}.cover-visual.orange{background:radial-gradient(circle at 70% 25%,#f4bc7050,transparent 45%),linear-gradient(130deg,#362744,#594432,#181d39)}.product-body{padding:18px 18px 17px;display:flex;flex-direction:column;flex:1}.card-cat{font-size:10px;letter-spacing:.55px;font-weight:750;color:#8badf5}.product-body h3{font-size:14px;line-height:1.5;margin:9px 0 4px;min-height:42px;letter-spacing:-.1px}.product-subtitle{color:#8fa1b8;font-size:11px;margin:0;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{padding-top:15px;margin-top:auto;font-size:23px;letter-spacing:-.6px;font-weight:900}.product-card-bottom{display:flex;gap:8px;margin-top:11px}.product-card-bottom .btn{min-height:35px;flex:1;font-size:11px;padding:7px}.product-card-bottom .icon-button{min-height:35px;height:35px;min-width:38px}.placeholder-card{opacity:.73}.placeholder-card .product-cover{filter:saturate(.75)}.empty{padding:60px 22px;border:1px dashed #42536f;border-radius:18px;background:#101b2c;color:#9eafc5;text-align:center}.empty svg{color:#87a7ef;margin:auto}.empty h3{color:#e7effe;font-size:18px;margin:16px 0 4px}.empty p{max-width:490px;margin:0 auto 18px}
.promo-banner{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;background:linear-gradient(110deg,#1e3560,#1c263e);border-radius:20px;border:1px solid #3b577d;min-height:190px;padding:28px 39px;align-items:center;position:relative;overflow:hidden}.promo-banner:after{content:"</>";position:absolute;font-size:180px;color:#ffffff0b;font-weight:900;right:17px;top:-35px;letter-spacing:-24px;pointer-events:none}.promo-banner h2{margin:8px 0;font-size:23px;letter-spacing:-.6px}.promo-banner p{margin:0;color:#b7c7dd;font-size:13px;max-width:500px}.promo-actions{display:flex;gap:14px;justify-content:flex-end;z-index:2}
.footer{background:#070b11;border-top:1px solid #202e3e;padding:47px 0 27px;margin-top:74px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:30px}.footer-about p{color:#8395ac;max-width:300px;font-size:12px;line-height:1.85}.footer h4{font-size:12px;letter-spacing:.5px;margin:4px 0 17px;color:#dce8f8}.footer-links{display:grid;gap:11px}.footer-links a,.footer-links span{font-size:12px;color:#8f9eaf}.footer-links a:hover{color:var(--accent2)}.footer-bottom{border-top:1px solid #172536;margin-top:35px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:20px;color:#667a92}
.page-shell{padding:33px 0 55px;min-height:65vh}.breadcrumb{display:flex;gap:10px;align-items:center;color:#8899ae;font-size:12px;margin-bottom:23px}.breadcrumb a:hover{color:#fff}.breadcrumb svg{opacity:.6}.details-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(350px,.87fr);gap:22px;align-items:start}.gallery-main{position:relative;aspect-ratio:1.32;border-radius:18px;border:1px solid #344c75;overflow:hidden;background:#1b2b4f}.gallery-main img{width:100%;height:100%;object-fit:contain;background:#172236}.gallery-main .cover-visual{height:100%}.gallery-thumbs{display:flex;gap:11px;flex-wrap:wrap;margin:13px 0 30px}.gallery-thumb{height:75px;width:112px;border:2px solid #293a55;background:#111b2e;border-radius:10px;padding:0;overflow:hidden}.gallery-thumb.active{border-color:#7c9efd}.gallery-thumb img{height:100%;width:100%;object-fit:cover}.details-info{border:1px solid #334155;background:#18212f;border-radius:17px;padding:27px;position:sticky;top:147px}.details-info h1{font-size:25px;line-height:1.35;margin:7px 0 10px;letter-spacing:-.5px}.details-info p{color:#a3b2c5;margin:0}.tag{display:inline-flex;gap:6px;align-items:center;background:#203f37;color:#85e2b7;border:1px solid #3b6858;border-radius:7px;font-size:10px;font-weight:850;padding:5px 8px}.tag-blue{background:#253a62;color:#b0c8ff;border-color:#4e6a9b}.tag-muted{background:#2b3545;color:#aebdd0;border-color:#455367}.divider{height:1px;background:#334054;margin:22px 0}.price-label{font-size:11px;color:#91a6bf;font-weight:750}.details-price{font-size:35px;font-weight:900;letter-spacing:-1px;margin-top:4px}.pay-split{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#9badc6;margin:10px 0 21px}.trust-list{display:grid;gap:12px;margin-top:23px;color:#a9bad0;font-size:12px}.trust-list span{display:flex;gap:9px;align-items:center}.trust-list svg{color:#84d6b0}.body-panel{background:#141d2b;border:1px solid #2d3b4f;border-radius:16px;padding:25px;margin-bottom:17px}.body-panel h2{font-size:17px;margin:0 0 13px;letter-spacing:-.25px}.body-panel p{color:#a7b6c7;font-size:13px;white-space:pre-line;line-height:1.9;margin:0}.body-panel .included-lines{color:#b6c9e4}.faq-item{padding:13px 0;border-bottom:1px solid #2c3d52}.faq-item:last-child{border-bottom:0}.faq-question{color:#e6ebf7;font-weight:750;font-size:12px}.faq-answer{margin-top:7px;padding-left:12px;border-left:2px solid #7398e7;color:#a9c5ef;font-size:12px}
.cart-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 380px;gap:24px}.cart-box,.order-summary,.panel,.account-card{border-radius:15px;border:1px solid #2b3b50;background:#151e2c;padding:25px}.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:17px;padding:18px 0;border-bottom:1px solid #2d3a4c;align-items:center}.cart-item:first-child{padding-top:0}.cart-item:last-child{border:0;padding-bottom:0}.cart-item .mini-cover{height:74px;border-radius:9px;overflow:hidden;position:relative;background:#18284d}.mini-cover img{width:100%;height:100%;object-fit:cover}.cart-item h3{margin:0 0 4px;font-size:14px}.cart-item p{margin:0;color:#849ab5;font-size:11px}.cart-remove{background:none;border:0;color:#f3a4ab;font-size:11px;padding:6px 0}.summary-row{display:flex;justify-content:space-between;margin:0 0 14px;color:#a1b2c8}.summary-row strong{color:var(--text)}.summary-total{display:flex;justify-content:space-between;align-items:center;margin:23px 0 19px;padding-top:20px;border-top:1px solid var(--stroke2)}.summary-total strong{font-size:27px}.page-title{margin:0 0 23px;font-size:28px;letter-spacing:-1px;font-weight:900}
.auth-wrap{min-height:68vh;display:grid;place-items:center;padding:45px 20px}.auth-panel{width:min(100%,445px);border:1px solid #324760;background:#162131;border-radius:20px;padding:33px;box-shadow:0 20px 50px #0003}.auth-panel h1{font-size:25px;letter-spacing:-.7px;margin:17px 0 5px}.auth-panel p{color:#94a5ba;font-size:13px;margin:0 0 25px}.form-group{display:grid;gap:7px;margin:0 0 16px}.form-group label{font-size:12px;font-weight:750;color:#cad6e8}.form-control{background:#101827;border:1px solid #35465e;border-radius:10px;outline:0;padding:12px 13px;width:100%;color:#eef4ff;min-height:44px;transition:.14s}.form-control:focus{border-color:#7fa2fb;box-shadow:0 0 0 3px #6c8afe1f}.form-control::placeholder{color:#687c96}textarea.form-control{min-height:111px;resize:vertical}select.form-control{appearance:auto}.form-help{font-size:11px;color:#7f91a8;line-height:1.5}.form-switch{text-align:center;color:#91a5c0;font-size:12px;margin-top:19px}.form-switch button{border:0;background:none;padding:0;color:#a6c3ff;font-weight:800}.check-label{display:flex;align-items:center;gap:9px;color:#c3d0e1;font-size:12px}.check-label input{accent-color:#7598ff}
.account-head{border-radius:18px;background:linear-gradient(110deg,#203a63,#19263a);border:1px solid #37557d;padding:25px 29px;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.account-head h1{margin:0;font-size:23px}.account-head p{margin:5px 0 0;color:#b7c7dc}.orders-stack{display:grid;gap:15px}.order-card{border:1px solid #2d3e54;background:#151e2e;border-radius:15px;overflow:hidden}.order-top{display:flex;justify-content:space-between;gap:20px;padding:19px 22px;background:#1b283a}.order-body{padding:17px 22px}.order-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #2a3b4f;align-items:center}.order-line:first-child{border-top:0}.order-line strong{font-size:13px}
.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.admin-sidebar{border:1px solid #2f3d50;background:#111b29;border-radius:17px;padding:17px;position:sticky;top:147px}.sidebar-kicker{font-size:10px;letter-spacing:1.3px;color:#7f93ae;padding:8px 10px 15px;font-weight:900}.admin-nav{display:grid;gap:5px}.admin-nav button{width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:12px 12px;border-radius:10px;color:#a4b5cc;display:flex;align-items:center;gap:12px;font-weight:750}.admin-nav button.active{background:#243958;color:#c8d9ff;border-color:#3e5b84}.admin-nav button:hover{background:#1e3048}.admin-main h1{font-size:25px;letter-spacing:-.6px;margin:2px 0 4px}.admin-main .lead{color:#8da1b9;margin:0 0 27px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:19px;border:1px solid #304054;border-radius:14px;background:#172337}.stat-card small{color:#9aafc7;font-weight:750;font-size:11px}.stat-card strong{display:block;font-size:26px;margin-top:10px;font-weight:900;letter-spacing:-.7px}.stat-card .stat-icon{float:right;color:#90acf2}.admin-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid #304056}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:640px}.admin-table th{color:#a5bbd3;background:#1a283a;padding:14px 17px;font-weight:800}.admin-table td{padding:13px 17px;color:#d2dfef;border-top:1px solid #2a3b50}.admin-table td small{color:#91a2b7}.td-actions{display:flex;gap:8px}.mini-btn{border:1px solid #42577a;color:#c8d7f5;background:#1f324b;border-radius:8px;padding:7px 10px;font-size:11px}.mini-btn:hover{background:#2a4263}.status-dot{height:7px;width:7px;background:#7dd8a9;display:inline-block;border-radius:50%;margin-right:7px}.status-dot.off{background:#ffca80}.admin-form{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.admin-form .full{grid-column:1/-1}.upload-box{border:1px dashed #4b6283;border-radius:11px;padding:15px;background:#111e30}.upload-box input[type=file]{display:block;width:100%;max-width:100%;color:#aebdd1;font-size:12px}.upload-box input[type=file]::file-selector-button{background:#2c4162;border:1px solid #54709a;border-radius:8px;color:#e1ebff;padding:8px 12px;margin-right:12px;cursor:pointer}.upload-status{margin-top:8px;color:#86d8b5;font-size:11px}.image-preview-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.preview-image{width:86px;height:70px;border:1px solid #456084;border-radius:9px;position:relative;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-image button{position:absolute;top:3px;right:3px;border:0;background:#0a152acd;color:#fff;border-radius:50%;width:19px;height:19px;font-size:13px}.form-heading{font-size:17px;margin:0 0 20px}.helper-banner{border:1px solid #3d587f;background:#20314a;border-radius:12px;padding:17px 20px;color:#afc3de;font-size:12px;display:flex;align-items:start;gap:12px;margin-bottom:20px}.helper-banner svg{color:#a2bfff}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
#toast-root{position:fixed;right:20px;bottom:20px;z-index:500;display:grid;gap:10px;pointer-events:none}.toast{padding:13px 18px;border-radius:11px;background:#203650;border:1px solid #6382a8;color:#eef6ff;box-shadow:0 10px 35px #0008;max-width:390px;pointer-events:auto;font-size:12px}.toast.error{background:#4a2630;border-color:#ac6570}.toast.success{background:#164537;border-color:#3b9473}.splash{min-height:100vh;display:grid;place-content:center;text-align:center;color:#a4b5cf}.splash-logo{font-weight:950;color:#dfeaff;font-size:52px}.splash-logo span{color:#74b2ff}.splash p{margin-top:0}.loading-line{width:100%;height:3px;background:#253753;border-radius:30px;overflow:hidden;margin-top:8px}.loading-line>span{display:block;height:100%;background:#8fafec;width:22%;animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(500%)}}
@media(max-width:1100px){.container{width:min(100% - 36px,1240px)}.topbar{gap:16px}.hero-copy{padding:47px 0 48px 38px}.hero h1{font-size:42px}.product-cover{height:160px}.benefit{padding:13px}.benefit small{font-size:10px}.category-tile{padding:16px;gap:12px}.category-icon{width:48px;height:48px}.details-layout{grid-template-columns:minmax(0,1fr) 365px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.brand{font-size:20px}.topbar{height:68px;gap:10px}.brand .brand-mark{width:36px;height:35px;font-size:15px}.header-login .login-text{display:none}.header-login{width:42px;padding:0;justify-content:center}.search-head{margin-left:auto}.navrow{gap:19px;overflow-x:auto;scrollbar-width:none}.navrow::-webkit-scrollbar{display:none}.navrow .nav-sep{display:none}.hero-frame{grid-template-columns:1fr .78fr;min-height:355px}.hero-copy{padding:41px 0 43px 29px}.hero h1{font-size:34px;letter-spacing:-1.4px}.hero p{font-size:13px}.hero-art{margin:0 -50px 0 -25px;background-position:center}.benefits{grid-template-columns:repeat(2,1fr);margin-bottom:41px}.category-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.product-cover{height:206px}.footer-grid{grid-template-columns:1.6fr 1fr;row-gap:25px}.promo-banner{grid-template-columns:1fr}.promo-actions{justify-content:flex-start}.details-layout{grid-template-columns:1fr}.details-info{position:static}.cart-layout{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-nav{display:flex;overflow-x:auto}.admin-nav button{white-space:nowrap}.sidebar-kicker{display:none}}
@media(max-width:560px){body{font-size:13px}.container{width:calc(100% - 28px)}.topbar{height:67px;flex-wrap:wrap;position:relative}.brand{font-size:17px;gap:6px}.brand .brand-mark{width:32px;height:32px}.nav-actions{gap:6px}.search-head{order:4;flex-basis:100%;max-width:none;height:39px;margin:0}.search-head button{height:38px}.topbar{height:116px;align-content:center;row-gap:8px}.nav-actions .icon-button{height:35px;min-width:35px}.header-login{height:35px;width:35px}.navrow{height:43px;gap:18px}.navrow a{font-size:11px}.announcement{font-size:9px;padding:9px 18px}.hero{padding-top:17px}.hero-frame{display:block;min-height:unset}.hero-copy{padding:32px 24px 18px}.hero h1{font-size:34px;letter-spacing:-1.5px;margin:16px 0 12px}.hero p{font-size:12px}.hero-art{height:235px;min-height:235px;margin:-8px 0 0;background-position:center;background-size:cover}.hero-buttons .btn{padding:11px 13px;font-size:11px}.benefits{gap:10px;margin:14px auto 35px}.benefit{padding:11px;gap:8px}.benefit-icon{height:32px;width:32px;border-radius:8px}.benefit strong{font-size:10px}.benefit small{font-size:9px}.section{margin-bottom:36px}.section h2{font-size:21px}.section-header{align-items:start}.category-grid{gap:10px}.category-tile{min-height:86px;padding:12px;gap:9px}.category-icon{height:39px;width:39px;border-radius:10px}.category-icon svg{width:22px;height:22px}.category-title{font-size:12px}.category-tile small{font-size:9px}.products-grid{gap:11px}.product-cover{height:133px}.product-body{padding:12px}.product-body h3{font-size:12px;min-height:53px}.product-subtitle{font-size:10px}.product-price{font-size:19px}.product-card-bottom{flex-direction:column}.product-card-bottom .icon-button{display:none}.cover-tag{font-size:8px;top:7px;left:7px}.promo-banner{padding:25px}.promo-banner h2{font-size:19px}.footer{margin-top:45px;padding-top:32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-bottom{display:block}.page-shell{padding-top:23px}.page-title{font-size:24px}.details-info{padding:20px}.details-info h1{font-size:22px}.gallery-thumb{height:57px;width:77px}.body-panel{padding:18px}.cart-item{grid-template-columns:72px 1fr;gap:12px}.cart-item .mini-cover{height:62px}.cart-item .item-price{grid-column:2}.account-head{padding:20px}.order-top,.order-line{flex-direction:column;align-items:start;gap:8px}.order-line .btn{width:100%}.auth-panel{padding:25px}.stat-grid{gap:10px}.stat-card{padding:12px}.stat-card strong{font-size:21px}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.admin-main h1{font-size:22px}}

/* -----------------------------------------------------------------
   ArquivoVault v2 / direção de arte editorial — loja de arquivos
   Sem capas fictícias: fotos reais são definidas pelo administrador.
------------------------------------------------------------------ */
:root{--bg:#141518;--surface:#1d1f23;--surface2:#23262b;--surface3:#2a2d32;--stroke:#34373e;--stroke2:#43464d;--text:#f4f3ee;--muted:#a09f9f;--soft:#d3d0cb;--accent:#e4b75b;--accent2:#f7d68c;--cyan:#e4b75b;--green:#8fd0ac;--radius:9px;--shadow:0 24px 50px #0005}
body{background:var(--bg);font-family:'Segoe UI',Arial,sans-serif;color:var(--text);font-size:14px}
.site-header{background:#0c0d10;border-bottom:1px solid #2d2e30;box-shadow:none}
.topbar{height:76px;gap:32px}
.brand{font-size:22px;letter-spacing:-.65px;gap:10px}
.brand .brand-mark{width:39px;height:39px;clip-path:none;background:#e4b75b;color:#121212;border-radius:4px;font-size:21px;letter-spacing:-1px;padding:0}
.brand .brand-mark span{color:#121212}
.brand b span{color:#e4b75b}
.custom-brand-logo{max-width:140px;max-height:48px;object-fit:contain;width:auto}
.search-head{background:#1b1d20;border-color:#303237;border-radius:6px;height:42px;max-width:560px}
.search-head input::placeholder{color:#a5a3a3}
.search-head button{background:#282a2e;color:#e5e1d5;height:41px}
.navrow{height:49px;border-top-color:#1f2125;gap:24px}
.navrow a{font-size:12px;color:#b7b5b1;font-weight:650}
.navrow a.active,.navrow a:hover{color:#f1c578}
.navrow .nav-sep{background:#3c3c3d}
.icon-button,.header-login,.header-admin-link{border-radius:6px;background:#17191d;border:1px solid #35373b;color:#ddd9d1}
.icon-button:hover,.header-login:hover,.header-admin-link:hover{background:#2b2c2e;border-color:#b79861;color:#fff}
.header-admin-link{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:11px;font-weight:750}
.cart-badge{background:#e4b75b;color:#111}
.announcement{background:#222428;border-bottom:1px solid #2d3034;padding:9px 0;font-size:10px;color:#c4c2bc;letter-spacing:1px;font-weight:700;text-align:left}
.announcement .container{display:flex;justify-content:center}
.hero{padding-top:35px;padding-bottom:0}
.hero-frame{grid-template-columns:1fr 46%;min-height:405px;border-radius:6px;background:#202227;border:1px solid #35373c}
.hero-frame:after{display:none}
.hero-copy{padding:57px 25px 49px 57px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-overline{font-size:10px;font-weight:850;letter-spacing:1.75px;color:#e6bd70}
.hero-overline span{color:#707173;padding:0 5px}
.hero h1{font-size:clamp(34px,3.8vw,56px);font-weight:820;line-height:1.08;letter-spacing:-2.1px;margin:21px 0 18px;max-width:560px}
.hero p{font-size:15px;color:#c0bfc0;line-height:1.72;margin:0 0 25px;max-width:490px}
.hero-buttons{gap:10px}
.hero-footnote{font-size:10px;letter-spacing:1px;color:#7e8084;font-weight:750;margin-top:33px}
.hero-footnote span{padding:0 9px;color:#c2a063}
.hero-media{min-height:405px;position:relative;overflow:hidden;background:#131416;isolation:isolate;border-left:1px solid #383a3f}
.hero-media.with-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101214c7);pointer-events:none}
.hero-banner-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.hero-no-image{width:100%;height:100%;min-height:405px;display:flex;flex-direction:column;justify-content:center;padding:48px;background:repeating-linear-gradient(0deg,#26272a 0px,#26272a 1px,transparent 1px,transparent 54px),#191b1f}
.hero-no-image>span{font-size:11px;color:#a89c81;letter-spacing:2.1px;font-weight:800}
.hero-no-image strong{font-size:clamp(29px,3.5vw,51px);line-height:1.02;font-weight:900;letter-spacing:-2px;margin:35px 0 19px}
.hero-no-image p{font-size:12px;color:#838484;max-width:280px;margin:0}
.hero-photo-caption{position:absolute;bottom:17px;left:24px;z-index:2;color:#f3e7cf;font-size:10px;letter-spacing:1.6px;font-weight:850}
.btn{border-radius:5px;font-size:12px;font-weight:750;box-shadow:none;min-height:43px}
.btn:hover{transform:none}
.btn-primary{background:#e4b75b;color:#181716;border:1px solid #e4b75b;box-shadow:none}
.btn-primary:hover{background:#f0cd85;border-color:#f0cd85}
.btn-outline{background:transparent;border-color:#565453;color:#e4e1da}
.btn-outline:hover{background:#2b2d31;border-color:#c0aa7b}
.btn-ghost{border-color:#4a4b50;color:#dbd9d3}
.store-perks{display:flex;align-items:center;gap:0;justify-content:space-between;padding:21px 0;margin-bottom:62px;border-bottom:1px solid #35373b}
.store-perks span{display:flex;gap:10px;align-items:center;font-size:12px;color:#bcbab6}
.store-perks svg{color:#e4b75b}
section.container.section{margin:0 auto 67px}
.section-header{margin-bottom:23px}
.section-kicker{font-size:10px;color:#e4b75b;letter-spacing:1.5px;font-weight:800}
.section h2{font-size:28px;letter-spacing:-.75px;line-height:1.18;font-weight:800}
.section-header p{color:#98989b;font-size:12px;margin-top:10px}
.categories-section{margin-bottom:48px!important}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-tile{min-height:67px;padding:0 21px;border-radius:4px;background:#202227;border:1px solid #37393f;display:flex;justify-content:space-between;align-items:center;gap:13px}
.category-tile:hover{background:#292a2d;border-color:#bf9d5c;transform:none}
.category-title{font-size:14px;font-weight:750;color:#e9e5db}
.category-tile svg{color:#a9a29a;width:18px}
.catalog-index{font-size:10px;letter-spacing:1.4px;font-weight:750;color:#77787d}
.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{background:#1f2126;border:1px solid #35373e;border-radius:5px;box-shadow:none}
.product-card:hover{transform:none;border-color:#94764c;box-shadow:0 15px 35px #0003}
.product-cover{height:202px;background:#252628;border-bottom:1px solid #393a3c}
.product-cover img{width:100%;height:100%;object-fit:cover}
.cover-tag{border:none;border-radius:2px;background:#131313dc;color:#f0d3a0;font-size:9px;padding:5px 9px;letter-spacing:.5px}
.cover-missing{inset:0;position:absolute;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:repeating-linear-gradient(90deg,#25272a 0,#25272a 1px,transparent 1px,transparent 42px),#1a1c20}
.cover-missing span{font-size:9px;letter-spacing:1px;color:#af9869;font-weight:800}
.cover-missing strong{font-size:21px;line-height:1.2;max-width:95%;margin-top:18px;color:#e8e4dc}
.cover-missing small{margin-top:7px;font-size:11px;color:#8d8d8e}
.product-body{padding:17px}
.card-cat{font-size:10px;color:#d8b578;letter-spacing:.2px;font-weight:700}
.product-body h3{font-size:15px;min-height:44px;margin:8px 0 4px;font-weight:750;line-height:1.42}
.product-subtitle{font-size:11px;color:#a2a0a0;min-height:37px}
.product-price{font-size:24px;font-weight:800;padding-top:15px}
.product-card-bottom .btn{font-size:11px;justify-content:space-between;padding:9px 12px;border-color:#585653}
.product-card-bottom .icon-button{border-radius:4px}
.empty-storefront{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#202226;border:1px solid #37383c;border-left:3px solid #e0b25a;padding:42px 48px;border-radius:4px}
.empty-storefront h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:10px 0 9px}
.empty-storefront p{max-width:550px;font-size:13px;line-height:1.65;color:#a3a1a0;margin:0}
.footer-statement{background:#202226;border:1px solid #37393b;border-radius:4px;padding:33px 36px;margin-top:15px!important}
.footer-statement p{font-size:10px;letter-spacing:1.4px;font-weight:850;color:#e4b75b;margin:0 0 9px}
.footer-statement h2{max-width:940px;font-size:24px;line-height:1.32;font-weight:750;margin:0}
.footer{background:#0f1012;border-top:1px solid #35373b}
.footer a:hover{color:#e4b75b}
.page-shell{padding-top:35px}
.panel,.body-panel,.details-info,.gallery-main,.admin-sidebar,.stat-card,.admin-table-wrap,.upload-box,.order-card{border-radius:6px;background-color:#202227;border-color:#393b40}
.admin-sidebar{top:159px}
.admin-nav button.active{background:#363127;border-color:#8a7146;color:#eed5a5}
.admin-nav button:hover{background:#292a2f}
.stat-card{background:#232428}
.stat-card strong{font-weight:850}
.mini-btn{border-radius:4px;background:#2a2c30;border-color:#55565a;color:#e2ddd1}
.mini-btn:hover{background:#34363a}
.helper-banner{background:#2a2b2e;border-color:#4c4c4e;border-radius:4px;color:#c3c0bb}
.helper-banner svg{color:#e4b75b}
.form-control{border-color:#4a4b4f;background:#17191d;border-radius:4px;color:#f5f4ee}
.form-control:focus{border-color:#dbb565;box-shadow:0 0 0 3px #f4c15b18}
.upload-box{background:#181a1e;border-style:dashed;border-color:#6a6252;border-radius:5px}
.upload-box input[type=file]::file-selector-button{background:#3c3630;border:1px solid #8b754e;color:#f3deb9;border-radius:4px}
.upload-status{color:#9bc9aa}
.product-table-cell{display:flex;align-items:center;gap:13px;min-width:215px}
.admin-thumb{height:58px;width:77px;min-width:77px;border-radius:3px;border:1px solid #515257;background:#2a2b2e;display:flex;align-items:center;justify-content:center;color:#8b8d92;overflow:hidden}
.admin-thumb img{height:100%;width:100%;object-fit:cover}
.editor-section-heading{display:flex;align-items:center;gap:13px;padding:25px 0 13px;border-top:1px solid #4a4846;margin-top:7px}
.editor-section-heading:first-child{border-top:0;padding-top:3px}
.editor-section-heading h2{font-size:18px;margin:0 0 2px;letter-spacing:-.3px}
.editor-section-heading p{font-size:11px;color:#a8a6a2;margin:0}
.editor-step{height:37px;width:37px;border:1px solid #a78a53;border-radius:4px;display:grid;place-items:center;font-weight:850;color:#e7c27b;flex-shrink:0}
.gallery-editor{display:grid;grid-template-columns:minmax(220px,1fr) minmax(270px,1fr);gap:16px}
.gallery-current-cover{position:relative;background:#121416;min-height:215px;aspect-ratio:16/9;border:1px solid #4d4d50;border-radius:5px;overflow:hidden}
.gallery-current-cover>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.gallery-current-cover>span{position:absolute;bottom:10px;left:12px;background:#121416db;padding:5px 9px;font-size:9px;letter-spacing:1px;font-weight:850;color:#f4d69e;border-radius:2px}
.gallery-cover-empty{height:100%;min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#b0aaa0}
.gallery-cover-empty svg{color:#e4b75b}
.gallery-cover-empty strong{font-size:14px}
.gallery-cover-empty small{font-size:11px;color:#88888a;max-width:190px}
.upload-highlight{min-height:215px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.media-upload-label{display:flex;align-items:center;flex-direction:column;gap:10px;cursor:pointer;width:100%;color:#f1f0ec}
.media-upload-label svg{color:#e4b75b}
.media-upload-label>strong{font-size:16px}
.media-upload-label>small{font-size:11px;color:#a2a1a0;max-width:265px}
.media-upload-label>.btn{pointer-events:none;margin-top:4px}
.upload-highlight>input[type=file]{width:1px;height:1px;position:absolute;opacity:0;overflow:hidden}
.upload-highlight:focus-within{outline:2px solid #d0a862;outline-offset:3px}
.upload-highlight .form-help{margin-top:8px}
.image-preview-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}
.preview-image{width:139px;height:104px;border-radius:5px;border:1px solid #666052}
.preview-number{position:absolute;left:3px;top:4px;background:#0e0f10de;color:#f3e5c8;padding:3px 6px;font-size:9px;letter-spacing:.6px;font-weight:750}
.preview-actions{position:absolute;right:4px;bottom:4px;display:flex;gap:4px}
.preview-actions button{height:26px;width:28px;display:grid;place-items:center;background:#101114ec;border:1px solid #b0a69b;color:#f4e9db;border-radius:3px;cursor:pointer}
.preview-actions button:hover{background:#5c4b2c}
.storefront-form{display:grid;gap:20px;max-width:100%}
.storefront-visuals{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}
.storefront-form label{font-size:12px;font-weight:800;margin-bottom:7px;display:block}
.studio-preview{min-height:175px;border:1px dashed #605a52;background:#141518;border-radius:4px;overflow:hidden;position:relative;margin-bottom:10px}
.studio-preview img{height:100%;width:100%;position:absolute;inset:0;object-fit:contain;background:#0d0e10}
.studio-preview>div{display:flex;height:100%;min-height:175px;justify-content:center;align-items:center;gap:9px;flex-direction:column;color:#aaa49b;font-size:12px}
.studio-preview svg{color:#d1aa65}
.studio-logo-preview{min-height:175px}
.storefront-visuals input[type=file]{display:block;width:100%;color:#bdbab5;font-size:12px;margin-bottom:7px}
.storefront-visuals input[type=file]::file-selector-button{background:#343434;border:1px solid #77716a;border-radius:4px;padding:8px;color:#e4dfd5;margin-right:9px;cursor:pointer}
.storefront-visuals .mini-btn{margin:8px 0;display:inline-flex;padding:7px 10px}
.storefront-visuals .form-help{display:block;margin-top:5px}
.footer-grid,.footer-bottom{color:#c1beb7}
@media(max-width:1100px){.topbar{gap:15px}.hero-copy{padding:48px 24px 43px 36px}.hero h1{font-size:clamp(31px,4vw,45px)}.hero-media{min-height:370px}.hero-no-image{min-height:370px}.store-perks{margin-bottom:43px}.product-cover{height:175px}}
@media(max-width:850px){.header-admin-link{font-size:0;gap:0;height:39px;width:39px;padding:0;justify-content:center}.header-admin-link svg{width:19px;height:19px}.hero-frame{grid-template-columns:1fr 43%}.hero-copy{padding:39px 25px}.hero-media,.hero-no-image{min-height:340px}.hero-no-image{padding:24px}.hero-no-image strong{font-size:27px}.store-perks{flex-wrap:wrap;gap:14px 22px}.category-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-visuals{grid-template-columns:1fr 1fr}.product-cover{height:220px}.gallery-editor{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand{font-size:18px}.brand .brand-mark{height:34px;width:34px;font-size:18px}.custom-brand-logo{max-width:90px;max-height:37px}.topbar{height:116px}.navrow{height:44px}.announcement{font-size:8px;letter-spacing:.3px;text-align:center}.hero{padding-top:15px}.hero-frame{display:block;min-height:0}.hero-copy{padding:31px 25px}.hero-overline{font-size:9px;letter-spacing:.8px}.hero h1{font-size:36px;letter-spacing:-1.5px;margin:17px 0 12px}.hero p{font-size:13px;line-height:1.55}.hero-footnote{margin-top:21px}.hero-media,.hero-no-image{min-height:230px;height:230px}.hero-no-image{padding:24px}.hero-no-image strong{font-size:33px;margin:13px 0}.hero-no-image p{font-size:11px}.hero-photo-caption{font-size:8px}.store-perks{justify-content:flex-start;margin-bottom:35px;padding:17px 0;gap:9px 17px}.store-perks span{font-size:10px}.section h2{font-size:23px}section.container.section{margin-bottom:40px}.category-grid{gap:8px}.category-tile{min-height:58px;padding:0 12px}.category-title{font-size:12px}.category-tile svg{width:14px}.product-cover{height:142px}.product-body{padding:12px}.product-body h3{font-size:13px}.cover-missing strong{font-size:15px}.cover-missing{padding:12px}.product-price{font-size:21px}.catalog-index{display:none}.empty-storefront{padding:23px;display:block}.empty-storefront h3{font-size:21px}.empty-storefront .btn{margin-top:18px}.footer-statement{padding:23px}.footer-statement h2{font-size:20px}.storefront-visuals,.gallery-editor{grid-template-columns:1fr}.studio-preview,.studio-preview>div{min-height:170px}.gallery-current-cover{min-height:190px}.admin-form{grid-template-columns:1fr}.preview-image{width:112px;height:92px}.header-admin-link{height:35px;width:35px}}


/* ArquivoVault V3: suporte via WhatsApp configurado no .env.
   Aparece apenas quando WHATSAPP_NUMBER for valido. */
.whatsapp-float{
  position:fixed;right:26px;bottom:25px;z-index:220;
  display:flex;align-items:center;gap:13px;padding:7px 8px 7px 17px;
  background:#1c2220;border:1px solid #47684f;border-radius:36px;
  color:#f4f0e8;box-shadow:0 9px 30px #0009;
  text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.whatsapp-float:hover,.whatsapp-float:focus-visible{
  transform:translateY(-3px);background:#24372b;border-color:#63a675;outline:none;
}
.whatsapp-float:focus-visible{box-shadow:0 0 0 3px #8bc99b66,0 9px 30px #0009}
.whatsapp-float-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.32}
.whatsapp-float-copy strong{font-size:12px;font-weight:800;letter-spacing:.1px}
.whatsapp-float-copy small{font-size:10px;color:#bccec1;margin-top:2px}
.whatsapp-float-icon{height:43px;width:43px;flex-shrink:0;display:grid;place-items:center;background:#268b50;color:#fff;border-radius:50%}
/* Mensagens de sucesso e erro nao devem cobrir o botao. */
body:has(.whatsapp-float) #toast-root{bottom:92px}
@media(max-width:560px){
  .whatsapp-float{right:15px;bottom:17px;padding:5px;border-radius:50%}
  .whatsapp-float-copy{display:none}
  .whatsapp-float-icon{height:48px;width:48px}
  body:has(.whatsapp-float) #toast-root{right:14px;bottom:83px;left:14px}
}
/* ==========================================================
   ArquivoVault V4 — acabamento de interface e movimento leve.
   V3 preservada; apenas refinamentos visuais e progressivos.
   ========================================================== */
:root{--ease-premium:cubic-bezier(.22,1,.36,1);--gold-soft:#edc477;--stroke-hi:#756044}
html{scroll-padding-top:154px}
#catalogo{scroll-margin-top:155px}
:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
.site-header{transition:background .28s ease,border-color .28s ease,box-shadow .28s ease;isolation:isolate}
.site-header.scrolled{background:#0d0e10ee;box-shadow:0 14px 28px #0006;border-bottom-color:#5b5142}
@supports(backdrop-filter:blur(12px)){
  .site-header.scrolled{backdrop-filter:blur(14px)}
}
.brand .brand-mark{transition:transform .34s var(--ease-premium),box-shadow .34s ease}
.brand:hover .brand-mark{transform:rotate(-4deg) translateY(-1px);box-shadow:0 7px 17px #e4b75b20}
.brand b span{transition:color .24s ease}
.brand:hover b span{color:#ffdc93}
.navrow a{position:relative;transition:color .22s ease}
.navrow a:after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:2px;background:#e4b75b;transform:scaleX(0);transform-origin:left center;transition:transform .32s var(--ease-premium)}
.navrow a:hover:after,.navrow a.active:after{transform:scaleX(1)}
.navrow a svg{transition:transform .24s ease}
.navrow a:hover svg{transform:translateY(-2px)}
.search-head{transition:border-color .24s ease,box-shadow .24s ease,background .24s ease}
.search-head:focus-within{border-color:#c69b50;box-shadow:0 0 0 3px #e4b75b12;background:#212226}
.search-head button{transition:background .2s ease,color .2s ease}
.search-head button:hover{background:#383126;color:#f6d995}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s var(--ease-premium),background .2s ease,border-color .2s ease,box-shadow .24s ease}
.btn:not(:disabled):hover{transform:translateY(-2px)}
.btn:not(:disabled):active{transform:translateY(0) scale(.985)}
.btn-primary:not(:disabled):hover{box-shadow:0 7px 22px #e4b75b1c}
.btn svg{transition:transform .3s var(--ease-premium)}
.btn:hover svg{transform:translateX(3px)}
.btn-outline:hover,.btn-ghost:hover{box-shadow:0 4px 19px #0003}
.icon-button{transition:background .2s ease,border-color .2s ease,transform .26s var(--ease-premium)}
.icon-button:hover{transform:translateY(-2px)}
.icon-button:active{transform:scale(.95)}
.cart-badge.cart-bump{animation:av-bump .48s var(--ease-premium)}
@keyframes av-bump{0%,100%{transform:scale(1)}50%{transform:scale(1.43)}}
/* Home: a foto fica em destaque, sem ornamentos chamativos */
.hero-frame{box-shadow:0 18px 46px #0002;transition:border-color .45s ease,box-shadow .45s ease}
.hero-frame:hover{border-color:#585044;box-shadow:0 22px 54px #0004}
.hero-copy>h1{animation:av-hero-in .65s .06s both var(--ease-premium)}
.hero-copy>.hero-overline{animation:av-hero-in .55s both var(--ease-premium)}
.hero-copy>p{animation:av-hero-in .62s .12s both var(--ease-premium)}
.hero-buttons{animation:av-hero-in .65s .19s both var(--ease-premium)}
.hero-footnote{animation:av-hero-in .65s .25s both var(--ease-premium)}
.hero-banner-photo{transition:transform 1.5s var(--ease-premium),filter .7s ease;will-change:auto}
.hero-frame:hover .hero-banner-photo{transform:scale(1.045);filter:saturate(1.07)}
.hero-no-image:after{content:"";position:absolute;pointer-events:none;width:46%;height:1px;top:0;left:-46%;background:linear-gradient(90deg,transparent,#e5bb5c55,transparent);animation:av-scanner 10s ease-in-out infinite}
.hero-media.with-image:after{transition:opacity .45s ease}
.hero-media.with-image:hover:after{opacity:.7}
@keyframes av-scanner{0%,38%{transform:translateX(0)}60%,100%{transform:translateX(310%)}}
@keyframes av-hero-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.store-perks span{transition:color .23s ease,transform .25s var(--ease-premium)}
.store-perks span:hover{color:#faf0d9;transform:translateY(-2px)}
.store-perks span svg{transition:transform .25s var(--ease-premium)}
.store-perks span:hover svg{transform:scale(1.13)}
/* Categorias: um realce de borda em vez de cartoes coloridos */
.category-tile{position:relative;overflow:hidden;transition:background .28s ease,border-color .28s ease,transform .32s var(--ease-premium),box-shadow .32s ease}
.category-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#e4b75b;transform:scaleY(0);transform-origin:center;transition:transform .34s var(--ease-premium)}
.category-tile:hover,.category-tile.selected{background:#292a2c;border-color:#a78b55;transform:translateY(-3px);box-shadow:0 11px 30px #0003}
.category-tile:hover:before,.category-tile.selected:before{transform:scaleY(1)}
.category-tile svg{transition:transform .34s var(--ease-premium),color .25s ease}
.category-tile:hover svg{transform:translateX(5px);color:#f3cc80}
/* Produtos: capas reais recebem movimento editorial e nao efeitos artificiais */
.product-card{transition:transform .34s var(--ease-premium),border-color .28s ease,box-shadow .34s ease}
.product-card:hover{transform:translateY(-6px);border-color:#b18c52;box-shadow:0 18px 38px #0005}
.product-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#09090940,transparent 46%);opacity:.55;transition:opacity .4s ease}
.product-cover:hover:after{opacity:1}
.product-cover img{transition:transform .65s var(--ease-premium),filter .35s ease}
.product-card:hover .product-cover img{transform:scale(1.055);filter:saturate(1.06)}
.product-card:hover .product-cover .cover-tag{border-color:#d8b16c}
.product-card .product-price{transition:color .27s ease}
.product-card:hover .product-price{color:#f0cf91}
.product-card .product-body h3{transition:color .23s ease}
.product-card .product-body h3 a:hover{color:#f3d391}
.product-card-bottom .btn svg{transition:transform .25s var(--ease-premium)}
.product-card-bottom .btn:hover svg{transform:translateX(4px)}
.catalog-toolbar{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin:-3px 0 17px;min-height:36px}
.catalog-toolbar>span{margin-right:auto;color:#999792;font-size:12px}
.catalog-toolbar label{color:#ada8a0;font-size:12px;font-weight:650}
.catalog-toolbar select{min-height:34px;border-radius:4px;border:1px solid #55504b;background:#232529;color:#f0e7d5;padding:6px 28px 6px 10px;max-width:185px;cursor:pointer}
.catalog-toolbar select:hover{border-color:#be9d62}
.empty-storefront{transition:border-color .3s ease}
.empty-storefront:hover{border-left-color:#f5cf84}
/* Scroll reveal so ativa quando o JS confirma suporte; sem esconder conteudo em navegadores antigos. */
#app.motion-active .motion-reveal:not(.is-visible){opacity:0;transform:translateY(20px)}
#app.motion-active .motion-reveal{transition:opacity .65s var(--ease-premium),transform .65s var(--ease-premium);transition-delay:calc(var(--stagger, 0) * 55ms)}
#app.motion-active .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
#app.route-enter main{animation:av-page .3s var(--ease-premium) both}
@keyframes av-page{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Produto: galeria interativa e visualizacao ampliada */
.gallery-main{isolation:isolate;transition:border-color .25s ease,box-shadow .3s ease}
.gallery-main:hover{border-color:#b18a50;box-shadow:0 12px 30px #0003}
.gallery-main img.gallery-swap{animation:av-photo .3s ease-out both}
@keyframes av-photo{from{opacity:.6;transform:scale(.99)}to{opacity:1;transform:scale(1)}}
.gallery-zoom{position:absolute;z-index:5;bottom:16px;right:16px;display:inline-flex;align-items:center;gap:8px;border-radius:5px;border:1px solid #a99473;background:#111214e8;color:#f2e7d3;padding:9px 12px;font-size:12px;font-weight:700;box-shadow:0 9px 22px #0006;transition:transform .25s ease,background .25s ease}
.gallery-zoom:hover{transform:translateY(-2px);background:#2f2920}
.gallery-thumb{transition:border-color .25s ease,transform .25s var(--ease-premium),opacity .25s ease;opacity:.75}
.gallery-thumb:hover,.gallery-thumb.active{opacity:1;transform:translateY(-2px);border-color:#e4b75b}
.gallery-thumb.active{box-shadow:0 0 0 1px #e4b75b24}
.details-info{transition:border-color .25s ease}
.details-info:hover{border-color:#6e6250}
.lightbox-open{overflow:hidden}
.lightbox-overlay{position:fixed;inset:0;z-index:900;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;background:#070809f2;padding:62px 75px 36px;animation:av-modal .22s ease-out both}
@supports(backdrop-filter:blur(8px)){.lightbox-overlay{backdrop-filter:blur(9px)}}
@keyframes av-modal{from{opacity:0}to{opacity:1}}
.lightbox-stage{display:flex;align-items:center;justify-content:center;gap:24px;width:min(100%,1600px);height:100%;min-height:0}
.lightbox-photo{max-height:calc(100vh - 150px);max-width:min(100%,1150px);width:auto;height:auto;object-fit:contain;box-shadow:0 20px 60px #0009;border:1px solid #44403a;border-radius:3px}
.lightbox-dismiss,.lightbox-nav{border:1px solid #685a46;background:#202124;color:#f5e6c8;border-radius:4px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;transition:background .2s ease,transform .2s ease}
.lightbox-dismiss:hover,.lightbox-nav:hover{background:#443822;transform:translateY(-2px)}
.lightbox-dismiss{position:absolute;right:26px;top:23px}
.lightbox-nav[hidden]{display:none}
.lightbox-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c6bdae;font-size:12px;width:min(100%,1050px);padding:12px 0}
.lightbox-count{letter-spacing:1.1px;color:#f3cf87}
/* Progresso discreto e atalho ao topo */
#av-reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:999;background:#e4b75b;transform:scaleX(0);transform-origin:0 50%;pointer-events:none;box-shadow:0 0 9px #e4b75b7c}
.back-to-top{position:fixed;bottom:28px;right:28px;z-index:210;display:grid;place-items:center;width:42px;height:42px;border:1px solid #6d6049;border-radius:50%;background:#242527;color:#f3d28e;box-shadow:0 9px 23px #0009;opacity:0;pointer-events:none;transform:translateY(9px);transition:opacity .22s ease,transform .26s var(--ease-premium),border-color .22s ease}
.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{border-color:#f3d28e;transform:translateY(-3px)}
body:has(.whatsapp-float) .back-to-top{bottom:98px}
.whatsapp-float{animation:av-widget .52s .2s both var(--ease-premium)}
.whatsapp-float-icon{transition:transform .3s ease,box-shadow .3s ease}
.whatsapp-float:hover .whatsapp-float-icon{transform:rotate(-7deg) scale(1.05);box-shadow:0 0 0 5px #268b5019}
@keyframes av-widget{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.toast{animation:av-toast .3s var(--ease-premium) both}
@keyframes av-toast{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
.form-control,.admin-nav button,.gallery-thumb{transition-duration:.22s}
@media(max-width:850px){
  .navrow a:after{bottom:-14px}
  .lightbox-overlay{padding:58px 18px 20px}
  .lightbox-stage{gap:10px}
  .lightbox-nav{width:35px;height:42px}
  .lightbox-photo{max-width:calc(100% - 90px)}
}
@media(max-width:560px){
  .hero-copy>h1{animation-duration:.5s}
  .hero-media.with-image{height:250px;min-height:250px}
  .catalog-toolbar{flex-wrap:wrap;gap:8px;margin:3px 0 15px}
  .catalog-toolbar>span{width:100%;margin:0}
  .catalog-toolbar label{margin-left:auto}
  .category-tile:hover,.category-tile.selected{transform:translateY(-2px)}
  .product-card:hover{transform:translateY(-3px)}
  .lightbox-overlay{padding:68px 9px 24px}
  .lightbox-stage{gap:5px}
  .lightbox-nav{width:30px;height:38px}
  .lightbox-photo{max-width:calc(100% - 72px);max-height:calc(100vh - 180px)}
  .lightbox-dismiss{right:14px;top:13px}
  .lightbox-meta{font-size:11px}
  .gallery-zoom{font-size:11px;right:10px;bottom:10px;padding:8px}
  body:has(.whatsapp-float) .back-to-top{right:21px;bottom:87px}
  .back-to-top{right:18px;bottom:18px;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  #app.motion-active .motion-reveal{opacity:1!important;transform:none!important}
}

/* ===========================================================
   ArquivoVault V5 Premium — interface REAL com artes integradas
   Layout, acessibilidade e interactions permanecem em HTML/CSS.
   As imagens são recursos visuais, nunca botões falsos.
   =========================================================== */
:root{--bg:#0a0e15;--surface:#121923;--surface2:#18212c;--stroke:#3e4550;--stroke2:#6d5634;--text:#f7f8fb;--muted:#9da9ba;--soft:#dce2ea;--accent:#f0bf55;--accent2:#ffe19a;--green:#77d6aa;--radius:12px;--shadow:0 16px 38px #0008;--av-glow:0 0 0 1px #e2af4b50,0 14px 45px #0007}
html{scroll-padding-top:115px}
body{background:#090e15;color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;background-image:linear-gradient(180deg,#080d14a8 0%,#090f18f0 640px,#0b1018 1100px),url('/assets/visual/background-geral.webp');background-position:center top;background-size:100% 1120px;background-repeat:no-repeat}
body:before{content:"";position:absolute;top:0;left:0;right:0;height:330px;background:radial-gradient(ellipse at 58% 0%,#f0b94c0b,transparent 62%);pointer-events:none}
.container{max-width:1340px;width:min(100% - 52px,1340px)}
.site-header{background:#090d14f5;border-bottom:1px solid #ffffff13;box-shadow:0 12px 28px #0003;position:relative;z-index:15}
.site-header.scrolled{background:#080c12f5}
.topbar{height:69px;gap:34px}
.brand{font-size:22px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand .brand-mark{width:41px;height:41px;border-radius:7px;color:#17130a;background:linear-gradient(145deg,#ffe6a1 0%,#f1c35e 52%,#c88b24 100%);box-shadow:inset 0 1px #fff8,0 5px 18px #e9b75736;display:grid;place-items:center;font-size:22px;font-weight:900}.brand .brand-mark span{display:none}.brand b{color:#eef1f7}.brand b span{color:var(--accent)}
.navrow{height:47px;border-top-color:#ffffff11;gap:22px;justify-content:space-between}.navrow a{height:100%;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;color:#c4cbd4;font-size:12px}.navrow a.active,.navrow a:hover{border-bottom-color:var(--accent);color:var(--accent)}
.search-head{max-width:610px;height:43px;background:#151b25;border-color:#46505d;border-radius:8px}.search-head input{color:#f7f7f8}.search-head input::placeholder{color:#7e8b9b}.search-head button{height:42px;background:#212a38;color:#b5c4d3}.search-head:focus-within{box-shadow:0 0 0 3px #ddb45924;border-color:#e5bd67}
.icon-button,.header-login,.header-admin-link{border-radius:8px;border:1px solid #3c4655;background:#111822;color:#e8eaf0;transition:background .22s,border .22s,transform .22s}.icon-button:hover,.header-login:hover,.header-admin-link:hover{border-color:#cd9f4d;background:#242320;transform:translateY(-1px)}.cart-badge{background:var(--accent);color:#191612}
.av-home{padding-bottom:4px}
.hero{padding-top:25px;padding-bottom:0}.hero-frame{background:linear-gradient(96deg,#101721d9 0%,#0d141eef 47%,#101721a8 100%),url('/assets/visual/background-banner.webp') center/cover no-repeat;border:1px solid #80623770;border-radius:17px;min-height:355px;grid-template-columns:minmax(0,56%) minmax(0,44%);box-shadow:0 18px 45px #0006,0 0 0 1px #f8c85d10;overflow:hidden;isolation:isolate}
.hero-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#f8c75e0d,transparent 34%),radial-gradient(circle at 84% 45%,#e49c371f,transparent 45%);z-index:0}.hero-copy{padding:43px 18px 43px 55px;position:relative;z-index:3;align-items:flex-start;justify-content:center}.hero-overline{font-size:11px;letter-spacing:2.2px;color:#efc66c;display:flex;align-items:center;gap:9px;text-transform:uppercase}.hero-overline svg{color:#f5c468}.hero h1{font-size:clamp(36px,3.9vw,55px);max-width:610px;letter-spacing:-2.25px;line-height:1.06;margin:18px 0 16px;text-wrap:balance;font-weight:850}.hero p{font-size:14px;line-height:1.7;max-width:480px;color:#c9d2df;margin:0 0 23px}.hero-buttons{gap:13px}.btn{border-radius:9px;min-height:42px;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,#ffdc84,#e4a93d);color:#16110b;border:1px solid #f8d47a;box-shadow:inset 0 1px #fff9,0 4px 13px #c58d2e42;font-weight:850}.btn-primary:hover{background:linear-gradient(180deg,#ffe8ac,#f4b34a);border-color:#ffdc88;box-shadow:0 6px 26px #d09b3c4d}.btn-outline{background:#121821b3;color:#eceff3;border-color:#687385}.btn-outline:hover{background:#29303a;color:#fff;border-color:#e5bc70}.hero-footnote{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px;color:#b6a585;letter-spacing:1.1px;margin-top:26px}.hero-footnote span{padding:0}.live-dot{height:6px;width:6px;border-radius:50%;background:#ebb65b;box-shadow:0 0 10px #f6ba58;display:inline-block}
.hero-media{border:0;min-height:355px;background:radial-gradient(circle at 50% 60%,#a2632030,transparent 60%);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-banner-photo{object-fit:contain;object-position:center;position:relative;width:min(100%,630px);height:auto;max-height:345px;filter:drop-shadow(0 23px 24px #0009)}.hero-media:not(.with-image):before{content:"";width:72%;height:90%;position:absolute;top:5%;left:15%;background:radial-gradient(circle,#f2ad3440,transparent 66%);filter:blur(28px)}.hero-media.with-image .hero-banner-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;filter:none}.hero-media.with-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080e18db,transparent 32%);pointer-events:none}.hero-photo-caption{bottom:13px;left:auto;right:26px;font-size:9px;letter-spacing:1.9px;color:#fbd687b6;z-index:2}
.store-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;justify-content:stretch;border:1px solid #514634;border-radius:11px;margin:12px auto 30px;background:linear-gradient(100deg,#17202bbb,#111924f7);padding:0;overflow:hidden;min-height:74px}.store-perks>span{display:flex;align-items:center;justify-content:center;gap:13px;padding:12px 14px;min-width:0;position:relative}.store-perks>span+span:before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:#d8ad5742}.store-perks i{font-style:normal;color:#f4c459;display:grid;place-items:center}.store-perks>span>span{display:flex;flex-direction:column;gap:4px}.store-perks strong{font-size:12px;color:#faf3e8;font-weight:800}.store-perks small{font-size:10px;color:#9ba9bb}.store-perks svg{color:#f6c862}
section.container.section{margin:0 auto 34px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-kicker{font-size:10px;letter-spacing:2px;color:#f3bc54;font-weight:900}.section h2{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin-top:5px;font-weight:840}.section-header p{margin:7px 0 0;color:#a6b2c1;font-size:12px}.section-trailing{font-size:12px;display:inline-flex;align-items:center;gap:7px;color:#ecba5f;font-weight:700;white-space:nowrap}.section-trailing:hover{color:#ffe4a9}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.categories-section{margin-bottom:32px!important}.category-tile{min-height:84px;display:flex;align-items:center;justify-content:unset;gap:12px;background:linear-gradient(135deg,#17202d 0%,#10161f 100%);border:1px solid #3b4554;border-bottom-color:#695233;border-radius:12px;padding:10px 15px;box-shadow:inset 0 1px #ffffff10;transition:transform .25s,border .25s,box-shadow .25s}.category-tile:before{width:0}.category-tile:hover,.category-tile.selected{border-color:#dbad5a;background:linear-gradient(135deg,#262621,#141b24);box-shadow:0 10px 25px #0007,inset 0 0 0 1px #ba843b30;transform:translateY(-3px)}.category-art{flex-shrink:0;width:59px;height:59px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#10151d;border:1px solid #58462f}.category-art img{height:100%;width:100%;object-fit:cover}.category-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.category-title{font-size:14px;color:#f0eef0}.category-copy small{font-size:10px;color:#a3aebd;line-height:1.2}.category-arrow{color:#e8b65c;display:grid;place-items:center;flex-shrink:0}.category-tile:hover .category-arrow{transform:translateX(4px)}
.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:3px 0 18px;padding:10px 12px;border:1px solid #343e4a;background:linear-gradient(95deg,#111923,#161d26);border-radius:12px;box-shadow:inset 0 1px #fff1}.catalog-chips{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.catalog-chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:9px 12px;min-height:35px;border-radius:9px;font-size:11px;color:#bcc7d5;border:1px solid transparent;font-weight:700}.chip:hover{background:#2c2b24;color:#f5c86b}.chip.selected{color:#17140e;background:linear-gradient(180deg,#ffdc83,#dba341);border-color:#f2cd72;box-shadow:0 2px 12px #e7b55026}.catalog-order{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#c0c8d1;padding:0 6px}.catalog-order select{background:#1e2836;color:#f9f7f0;border:1px solid #626e7b;border-radius:8px;padding:8px 10px;font-size:11px;cursor:pointer;min-width:128px}.catalog-order svg{color:#f1c566}
.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:linear-gradient(180deg,#16202d,#10151d);border:1px solid #3b4550;border-radius:13px;overflow:hidden;box-shadow:0 7px 25px #0004;position:relative;transition:transform .32s,border .32s,box-shadow .32s}.product-card:hover{border-color:#cc9c49;transform:translateY(-5px);box-shadow:0 15px 34px #0009,0 0 0 1px #bc893d24}.product-cover{height:182px;background:linear-gradient(135deg,#142030,#0c121c);border-bottom:1px solid #3e4551;overflow:hidden}.product-cover img{object-fit:cover;transition:transform .45s;}.product-card:hover .product-cover img{transform:scale(1.065)}.product-cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#0b111c7a,transparent);pointer-events:none}.cover-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #7b6336;background:#161b23e8;color:#ffe1a3;border-radius:7px;font-size:9px;padding:5px 9px;top:10px;left:10px;text-transform:uppercase}.cover-missing{background:linear-gradient(145deg,#121d2c,#162330),url('/assets/visual/background-cartao.webp') center/cover no-repeat;justify-content:center;text-align:center;align-items:center}.cover-missing strong{margin:5px auto;font-size:17px}.cover-missing span{color:#e4b968;font-size:10px}.cover-missing small{font-size:10px}
.product-body{padding:15px;display:flex;flex-direction:column;min-height:208px}.card-cat{display:inline-flex;align-items:center;gap:5px;color:#e7bb68;font-size:9px;font-weight:800;letter-spacing:.9px}.product-body h3{font-size:15px;letter-spacing:-.2px;min-height:0;margin:8px 0 6px;line-height:1.32;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-subtitle{font-size:11px;color:#a6b1c0;line-height:1.45;min-height:32px;margin:0}.product-buyline{margin-top:auto;padding-top:14px;display:flex;align-items:end;justify-content:space-between;gap:9px}.product-buyline small{display:block;color:#899baa;font-size:9px;letter-spacing:1px}.product-price{padding:0;font-size:24px;color:#ffd176;line-height:1.16;white-space:nowrap;letter-spacing:-.8px}.card-cart{height:39px;min-width:42px;display:grid;place-items:center;background:linear-gradient(180deg,#ffdb86,#ddaa49);border-color:#fbd480;color:#15110a}.card-cart:hover{background:#ffe1a1;color:#111}.product-details-link{width:100%;min-height:33px;margin-top:12px;padding:7px 10px;font-size:11px;justify-content:space-between;border-color:#656f7d;color:#e0e7f3}.product-details-link:hover{color:#fff}
.empty-storefront,.catalog-empty{min-height:235px;border:1px solid #74583276;border-radius:14px;position:relative;background:linear-gradient(90deg,#101a26ee,#151e2bde),url('/assets/visual/background-vazio.webp') 80% 52%/cover no-repeat;padding:32px 35px;gap:22px;box-shadow:inset 0 1px #fcd18a17}.empty-storefront{justify-content:flex-start}.empty-decoration{height:87px;width:87px;border:1px solid #a17a3e;border-radius:18px;display:grid;place-items:center;color:#f6c565;background:#161c24;box-shadow:0 0 30px #daa9431c;flex-shrink:0}.empty-storefront h3{font-size:23px;color:#f4f1ec}.empty-storefront p{color:#a9b8c8;font-size:12px;line-height:1.7}.empty-storefront>.btn{margin-left:auto;white-space:nowrap}.catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.catalog-empty h3{font-size:20px;color:#fff}.catalog-empty p{font-size:13px;color:#a6b3c3}
.footer-statement{display:flex;align-items:center;gap:20px;background:linear-gradient(90deg,#241f1ba8,#111c27b8),url('/assets/visual/background-suporte.webp') center/cover no-repeat;padding:22px 24px;border:1px solid #8f6c3e99;border-radius:12px;box-shadow:inset 0 1px #f9d27b30;margin-top:10px!important}.footer-statement .promo-icon{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;color:#f6cb70;border:1px solid #b78945;border-radius:12px;background:#12171caa}.footer-statement h2{font-size:18px;font-weight:800;line-height:1.35;margin:0;max-width:700px}.footer-statement p{font-size:9px;color:#f2bf65;letter-spacing:1.65px;margin:0 0 6px}.footer-statement .btn{margin-left:auto;white-space:nowrap}
.footer{background:#090e17 url('/assets/visual/background-rodape.webp') center bottom / cover no-repeat;border-top:1px solid #7e5a3194;margin-top:40px;padding:45px 0 19px}.footer-grid{grid-template-columns:1.55fr 1fr 1fr 1.2fr;gap:45px}.footer h4{font-size:11px;letter-spacing:1.5px;color:#facb70}.footer-about p{color:#a6b3c4;max-width:315px}.footer-links a,.footer-links span{color:#a7b4c4;font-size:12px;line-height:1.55}.footer-links a:hover{color:#f4c86a}.footer-mini{color:#d8b779;font-size:11px;display:inline-flex;align-items:center;gap:6px}.footer-bottom{border-top-color:#a07d4650;color:#8897a8;margin-top:30px}
/* Product detail uses actual photos, never illustration as screenshots of a product. */
.page-shell{padding-top:30px}.product-page-premium{position:relative}.product-page-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.product-secure-note{font-size:11px;color:#b4c1ce;display:flex;align-items:center;gap:7px}.product-secure-note svg{color:#efbf5d}.breadcrumb{margin-bottom:18px}.details-layout{gap:22px}.gallery-main{min-height:360px;border-radius:12px;position:relative;background:linear-gradient(#11182173,#111821b9),url('/assets/visual/background-galeria.webp') center/cover no-repeat;border:1px solid #76604180;box-shadow:0 12px 32px #0004;overflow:hidden}.gallery-main img{max-width:100%;max-height:590px;object-fit:contain}.gallery-floating-label{position:absolute;top:15px;right:17px;z-index:5;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;border:1px solid #a17f4b88;background:#0a1019db;color:#e9c47c;font-size:10px;letter-spacing:.8px;font-weight:850;pointer-events:none}.gallery-thumbs{gap:9px;margin-top:12px;margin-bottom:17px}.gallery-thumb{border-radius:8px;overflow:hidden}.gallery-thumb.active{border-color:#eabe60}.body-panel{background:linear-gradient(180deg,#16202b,#101821);border:1px solid #3a4756;border-radius:11px;padding:25px}.body-panel h2{display:flex;align-items:center;gap:9px;color:#f5f4ee;font-size:17px}.body-panel h2 svg{color:#edbe60}.details-info{border:1px solid #7b613a91;background:linear-gradient(165deg,#1a2531,#111923 50%,#171c22);border-radius:12px;padding:27px;box-shadow:0 14px 40px #0006}.details-info-label{font-size:10px;color:#f2c16a;letter-spacing:1.2px;display:flex;align-items:center;gap:9px;margin-bottom:20px;font-weight:850}.details-info h1{color:#f7f4ec;font-size:29px;line-height:1.16;margin:15px 0 10px}.details-info p{color:#b6c2ce}.details-price{color:#ffd37b}.price-label{color:#b6bdc5}.tag,.tag-blue{border-radius:7px}.details-info .btn-primary{margin-top:17px}.trust-list{border:1px solid #66533470;background:#18242d;padding:14px;border-radius:9px}.trust-list span{color:#c7d4df}.trust-list svg{color:#ebba59}
/* Account, cart, authentication & admin get matching graphite surfaces */
.auth-panel,.cart-box,.order-summary,.account-head,.order-card,.admin-sidebar,.admin-table-wrap,.stat-card,.panel{border-color:#4f5562;background-color:#161f2b;color:#eeeef0;border-radius:11px}.auth-wrap{background:transparent}.auth-panel{background:linear-gradient(#101923ee,#111721eb),url('/assets/visual/background-painel.webp') center/cover no-repeat;border:1px solid #715c3988;box-shadow:0 20px 55px #0007}.auth-panel h1,.admin-main h1,.page-title{color:#f8f4ee}.admin-sidebar{background:#111924;border-color:#5f503d}.admin-nav button.active{background:#423720;border-color:#b8873f;color:#f1cf8f}.stat-card{background:linear-gradient(180deg,#1b2633,#101720);border-color:#504534}.stat-card svg{color:#e7b85d}.stat-card strong{color:#fff}.admin-table th{background:#26303a;color:#ebc47e}.admin-table td{color:#e8eef2;border-top-color:#3e4854}.form-control{background:#0c131e;border-color:#4e5a68;color:#f3f6f8}.form-control:focus{border-color:#e7b758;box-shadow:0 0 0 3px #f2c5662b}.upload-highlight{background:linear-gradient(135deg,#121d2d,#1a252f)}.helper-banner{background:#1c2937;color:#c1cbd8;border-color:#6d5b3c}.helper-banner svg{color:#eac06d}.storefront-form{background:linear-gradient(145deg,#182330,#101821)}.studio-preview{border-color:#7c633f}.studio-preview svg{color:#f5c366}.toast.success{background:#153d2b}.footer-statement .btn:hover{border-color:#f5cf76}
@media(max-width:1180px){.container{width:calc(100% - 40px)}.hero-frame{grid-template-columns:54% 46%}.hero-copy{padding:40px 15px 40px 35px}.hero h1{font-size:clamp(30px,3.6vw,47px)}.products-grid{gap:12px}.category-tile{padding:8px}.category-art{width:48px;height:48px}.category-copy small{font-size:9px}.product-cover{height:160px}.footer-grid{gap:24px}}
@media(max-width:940px){.topbar{gap:12px}.navrow{justify-content:start;overflow-x:auto}.search-head{max-width:none}.hero-frame{grid-template-columns:1fr 43%}.hero-copy{padding:32px}.hero h1{font-size:clamp(29px,4vw,39px)}.hero-media{min-height:330px}.hero-banner-photo{max-height:300px}.store-perks{grid-template-columns:repeat(2,1fr)}.store-perks>span:nth-child(3):before{display:none}.store-perks>span{justify-content:start;padding-left:23px}.category-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-cover{height:220px}.product-body{min-height:195px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-statement{flex-wrap:wrap}.footer-statement .btn{margin-left:0}}
@media(max-width:600px){.container{width:calc(100% - 26px)}.topbar{height:112px;gap:6px;row-gap:7px}.brand{font-size:17px}.brand .brand-mark{width:32px;height:32px;font-size:19px}.search-head{order:5;flex-basis:100%;height:38px}.search-head button{height:37px}.navrow{height:43px;gap:16px}.navrow a{white-space:nowrap;font-size:10px}.hero{padding-top:15px}.hero-frame{display:flex;flex-direction:column;min-height:0;border-radius:12px}.hero-copy{padding:28px 21px 7px}.hero-overline{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(27px,7vw,37px);line-height:1.12;letter-spacing:-1.15px;margin:14px 0}.hero p{font-size:12px;line-height:1.5;margin-bottom:18px}.hero-buttons .btn{font-size:10px;padding:10px 11px;min-height:38px}.hero-footnote{font-size:7px;letter-spacing:.4px;margin-top:16px}.hero-media{min-height:165px;width:100%;max-height:190px}.hero-banner-photo{max-height:190px;width:55%;min-height:0}.hero-media.with-image .hero-banner-photo{width:100%;max-height:none}.hero-photo-caption{font-size:7px;right:14px;bottom:9px}.store-perks{margin:10px auto 25px;grid-template-columns:repeat(2,1fr);border-radius:9px;gap:0}.store-perks>span{padding:11px;gap:8px;min-height:60px}.store-perks>span i svg{width:18px;height:18px}.store-perks strong{font-size:10px}.store-perks small{font-size:8px}.store-perks>span:nth-child(3):before{display:none}.categories-section{margin-bottom:28px!important}.section h2{font-size:20px}.section-kicker{font-size:8px}.section-trailing{font-size:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-tile{min-height:65px;padding:8px;border-radius:9px;gap:7px}.category-art{width:39px;height:39px}.category-title{font-size:11px}.category-copy small{display:none}.category-arrow svg{width:13px}.catalog-controls{padding:7px;display:flex;flex-direction:column;align-items:stretch;gap:7px}.catalog-chips{width:100%;gap:4px}.chip{font-size:10px;min-height:32px;padding:6px 9px}.catalog-order{align-self:flex-end;font-size:10px}.catalog-order select{min-width:130px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-cover{height:120px}.cover-tag{top:6px;left:6px;font-size:7px;padding:4px 5px}.cover-tag svg{width:10px}.product-body{padding:9px;min-height:186px}.card-cat{font-size:7px;letter-spacing:.1px}.card-cat svg{width:11px}.product-body h3{font-size:12px;margin:6px 0 4px}.product-subtitle{font-size:9px;min-height:37px}.product-price{font-size:18px;letter-spacing:-.6px}.product-buyline{padding-top:8px}.card-cart{min-width:32px;height:32px}.product-details-link{font-size:9px;min-height:30px;margin-top:9px}.empty-storefront{display:flex;flex-direction:column;align-items:flex-start;padding:22px}.empty-decoration{width:55px;height:55px}.empty-storefront h3{font-size:20px}.empty-storefront p{font-size:11px}.empty-storefront>.btn{margin:0}.footer-statement{padding:18px;gap:13px}.footer-statement .promo-icon{height:42px;width:42px}.footer-statement h2{font-size:15px}.footer-statement .btn{width:100%}.footer{margin-top:35px;padding-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-about{grid-column:1/-1}.footer h4{font-size:10px}.footer-links a,.footer-links span{font-size:10px}.footer-bottom{display:flex;flex-direction:column;gap:8px}.product-page-heading{align-items:start;flex-direction:column}.product-secure-note{font-size:10px}.gallery-main{min-height:220px}.gallery-floating-label{font-size:8px;top:8px;right:8px}.details-info{padding:19px}.details-info h1{font-size:23px}.body-panel{padding:18px}.body-panel h2{font-size:15px}.auth-panel,.panel{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.product-card:hover,.category-tile:hover,.btn:hover{transform:none!important}.hero-banner-photo,.product-cover img{transition:none!important}}

/* V5 final polish: no invisible content; seamless hero illustration */
.hero-media:not(.with-image) .hero-banner-photo{mix-blend-mode:screen;opacity:.97;mask-image:radial-gradient(ellipse 74% 83% at 52% 50%,#000 57%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 74% 83% at 52% 50%,#000 57%,transparent 100%)}
.hero-gold{color:#f7c867;font-style:normal;text-shadow:0 0 26px #f0bb4b1a}
.motion-reveal,.motion-reveal.is-visible{opacity:1;transform:none;visibility:visible}
.category-tile,.product-card{animation:av-rise-soft .5s both ease-out;animation-delay:calc(var(--stagger,0)*65ms)}
@keyframes av-rise-soft{from{opacity:.67;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.category-tile,.product-card{animation:none!important}}

/* Final refinement: cropped text-free illustrations, no baked controls */
.hero h1 .hero-gold{color:#ffd076;text-shadow:0 0 20px #b6893050}
.hero-media:not(.with-image) .hero-banner-photo{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 40%,transparent 99%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 40%,transparent 99%)}
.footer-statement{background:linear-gradient(95deg,#1b2330e0,#0a1321e0),url('/assets/visual/background-banner.webp') center/cover no-repeat}
.footer{background-image:linear-gradient(0deg,#08101de9,#09111de8),url('/assets/visual/background-rodape.webp')}
.empty-storefront,.catalog-empty{background:linear-gradient(96deg,#101a26f0,#141b27d7),url('/assets/visual/background-banner.webp') 75% 53%/cover no-repeat}
.tag-blue{border-color:#8b70447a;background:#4a382640;color:#f4cc7b}

/* ================================================================
   ArquivoVault V6 — anúncio completo, perguntas públicas, reviews
   Sem alterar a identidade preto/grafite/dourado da V5.
   ================================================================ */
html{scroll-padding-top:112px}
.product-page-premium{padding-top:26px}
.product-page-premium .details-layout{align-items:start}
.product-main-column{min-width:0}
.product-page-premium .gallery-main{background:#0d1420;border:1px solid #564625;border-radius:15px;overflow:hidden;position:relative;box-shadow:0 13px 35px #0006}
.product-page-premium .gallery-main>img{object-fit:contain;object-position:center;max-height:560px;background:#090e16}
.product-page-premium .gallery-floating-label{background:#080d17dc;backdrop-filter:blur(9px);padding:7px 12px;border:1px solid #b494585e;border-radius:7px;display:flex;gap:8px;align-items:center}
.gallery-floating-label span{color:#d7b56a;border-left:1px solid #5a4c30;padding-left:8px}
.product-page-premium .gallery-thumb{border-radius:9px;overflow:hidden;border-color:#3c414c;transition:transform .2s ease,border-color .2s ease}
.product-page-premium .gallery-thumb:hover{transform:translateY(-2px);border-color:#d5ac55}
.product-page-premium .gallery-thumb.active{border-color:#eac26e;box-shadow:0 0 0 1px #d4a94755}
.gallery-caption{color:#a9aeb6;padding:16px 5px;display:flex;align-items:center;gap:9px;font-size:12px}
.gallery-caption svg{color:#e2b85c}
.product-navtabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #353b46;margin:16px 0 22px;padding-bottom:14px}
.product-navtabs a{display:inline-flex;align-items:center;text-decoration:none;padding:10px 13px;background:#161b24;color:#d7dce2;border:1px solid #313946;border-radius:8px;font-size:12px;font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease}
.product-navtabs a:hover,.product-navtabs a:focus-visible{background:#292318;border-color:#e4b75b;color:#efc66b}
.product-page-premium .body-panel{border:1px solid #323b48;border-radius:12px;background:linear-gradient(145deg,#1b2029,#161b23);box-shadow:0 16px 40px #0002;padding:26px;margin-bottom:17px;scroll-margin-top:126px}
.product-page-premium .body-panel h2{color:#f4f1e7;display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 18px}
.product-page-premium .body-panel h2 svg{color:#e4b75b}
.product-page-premium .body-panel p{color:#c9cdd2;line-height:1.78}
.product-page-premium .body-panel .preserve-lines{white-space:pre-line;overflow-wrap:anywhere}
.package-note{border-top:1px solid #373e49;padding-top:15px;margin-top:18px;color:#aeb5bf;display:flex;gap:10px;align-items:flex-start;font-size:12px}
.package-note svg{color:#dcba75;flex-shrink:0}
.product-page-premium .details-info{background:linear-gradient(160deg,#22252b,#151a22 80%);border:1px solid #6b542c;border-radius:14px;box-shadow:0 15px 50px #0007}
.product-rating-link{display:flex;align-items:center;gap:8px;color:#ddc28a;font-size:12px;margin-top:20px;margin-bottom:12px;text-decoration:none}
.product-rating-link:hover{color:#fff}
.review-stars{display:inline-flex;gap:2px;color:#61636a;white-space:nowrap;font-size:16px;letter-spacing:0}
.review-stars span.lit{color:#e6b85b}
.review-stars-large{font-size:23px}
.sale-preparing{display:flex;gap:12px;align-items:flex-start;border:1px solid #a6823d80;background:#362b1a80;border-radius:10px;padding:15px;margin-top:15px}
.sale-preparing>svg{color:#f0c46a;flex-shrink:0}
.sale-preparing strong{display:block;color:#f4daa7;font-size:13px}
.sale-preparing small{display:block;color:#d1c1a5;font-size:12px;line-height:1.6;margin-top:5px}
.community-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #343c49;margin-bottom:20px;padding-bottom:19px}
.community-heading h2{margin:7px 0 5px!important}
.community-heading p{font-size:12px;margin:0;line-height:1.55!important;color:#aeb3bb!important;max-width:620px}
.community-count{background:#29281f;border:1px solid #806738;border-radius:20px;color:#eecb88;padding:7px 11px;white-space:nowrap;font-size:12px}
.chat-thread,.review-thread{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.chat-entry{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start}
.chat-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#283242;border:1px solid #515f71;color:#e5cb8f;font-size:15px;font-weight:850;width:38px;height:38px}
.chat-entry-content{min-width:0}
.chat-meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.chat-meta strong{color:#e6e8ec;font-size:13px}
.chat-meta small,.chat-seller small,.review-entry small{color:#939ca9;font-size:11px}
.chat-bubble{background:#242d39;border:1px solid #384250;border-radius:3px 12px 12px 12px;padding:13px 15px;margin:0 0 9px!important;line-height:1.6!important;white-space:pre-line;overflow-wrap:anywhere;font-size:13px}
.chat-seller{background:linear-gradient(95deg,#332a1c,#25241f);border:1px solid #806838;border-radius:4px 11px 11px 11px;margin:9px 0 4px 15px;padding:13px 15px}
.seller-label{display:flex;align-items:center;gap:7px;color:#e9c478;font-size:10px;font-weight:850;letter-spacing:.7px}
.chat-seller p{color:#eee7da!important;margin:9px 0!important;white-space:pre-line;overflow-wrap:anywhere;font-size:13px}
.chat-pending{display:flex;align-items:center;gap:6px;color:#d2b16c;font-size:11px;margin:5px 0 9px}
.community-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #434c5a;border-radius:10px;background:#141a24;padding:27px;text-align:center;margin-bottom:21px;color:#a7afbb}
.community-empty>svg{color:#d7b365}
.community-empty strong{color:#ece7df;font-size:14px}
.community-empty span{font-size:12px}
.community-form{background:#151b23;border:1px solid #3a4453;border-radius:10px;padding:19px;display:flex;flex-direction:column;gap:11px}
.community-form>label{font-size:13px;color:#edecdf;font-weight:750}
.community-form textarea{min-height:85px;resize:vertical}
.community-form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.community-form-foot small{color:#b2b6bb;font-size:11px;line-height:1.4;max-width:420px}
.community-form-foot button{flex-shrink:0}
.review-summary{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#fff}
.review-summary>strong{font-size:32px;line-height:1;font-weight:900;color:#edc36f}
.review-summary>small{color:#aeb6c0;font-size:11px;white-space:nowrap}
.review-entry{border:1px solid #343e4e;background:#171d27;border-radius:9px;padding:16px}
.review-entry-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.review-entry p{margin:13px 0 9px!important;font-size:13px;line-height:1.6!important;white-space:pre-line;overflow-wrap:anywhere}
.review-customer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#f1ebdc;font-size:13px}
.review-customer>svg{color:#83caa0}
.review-customer>span{font-size:10px;border:1px solid #38744b;background:#193e26;color:#a8e7b9;border-radius:30px;padding:4px 7px}
.rating-choices{display:flex;gap:7px;flex-wrap:wrap}
.rating-choices label{cursor:pointer}
.rating-choices input{position:absolute;opacity:0;width:1px;height:1px}
.rating-choices span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #535b65;background:#222a36;padding:9px 11px;border-radius:7px;font-size:12px;color:#bcc5cf}
.rating-choices input:checked+span,.rating-choices input:focus-visible+span{border-color:#f2c874;background:#44331b;color:#ffe5a1;box-shadow:0 0 0 2px #a77a2455}
.verified-hint{display:flex;gap:9px;align-items:center;background:#1e242d;border:1px solid #3b4652;color:#b6bcc4;padding:14px;border-radius:9px;font-size:12px}
.verified-hint svg{color:#dcba70;flex-shrink:0}
@media(max-width:800px){.product-page-premium .gallery-main>img{max-height:470px}.product-page-premium .body-panel{padding:20px}.community-heading{gap:12px}.review-summary>strong{font-size:26px}}
@media(max-width:480px){.product-page-premium .body-panel{padding:15px}.product-navtabs{gap:6px}.product-navtabs a{padding:9px;font-size:11px}.chat-entry{grid-template-columns:29px minmax(0,1fr);gap:8px}.chat-avatar{height:29px;width:29px;font-size:12px}.chat-bubble,.chat-seller{padding:11px}.chat-seller{margin-left:5px}.community-heading{flex-wrap:wrap}.community-form{padding:13px}.community-form-foot button{width:100%}.gallery-floating-label{font-size:9px}.product-page-premium .gallery-main>img{max-height:290px}}
@media(prefers-reduced-motion:reduce){.product-navtabs a,.gallery-thumb{transition:none!important}}


/* ArquivoVault V7 — galeria extensa, prints originais sem cortes */
.product-page-premium .gallery-main{position:relative;isolation:isolate}
.product-page-premium .gallery-main>img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;max-height:min(70vh,670px);background:#060b13}
.gallery-count-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 2px 6px;color:#c6ccd5;font-size:12px}
.gallery-count-row span{display:inline-flex;align-items:center;gap:7px}
.gallery-count-row strong{color:#f4ca7b;font-variant-numeric:tabular-nums}
.gallery-count-row small{color:#929ead}
.product-page-premium .gallery-thumbs{display:flex;flex-wrap:nowrap;gap:10px;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#af874c #151c27;padding:9px 2px 13px;margin:0 0 15px}
.product-page-premium .gallery-thumb{position:relative;display:block;flex:0 0 118px;height:83px;padding:0;background:#0a1019;scroll-snap-align:start;border:1px solid #3e4752}
.product-page-premium .gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#050b13}
.gallery-thumb-no{position:absolute;bottom:4px;right:5px;background:#080e18dd;color:#e8c078;font-size:10px;border-radius:4px;padding:2px 5px;line-height:1.3}
.product-page-premium .gallery-main-prev,.product-page-premium .gallery-main-next{position:absolute;z-index:4;top:51%;transform:translateY(-50%);display:grid;place-items:center;width:39px;height:44px;border-radius:9px;border:1px solid #af8b5570;background:#07111cdd;color:#f6d285;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.product-page-premium .gallery-main-prev{left:10px}.product-page-premium .gallery-main-next{right:10px}
.product-page-premium .gallery-main-prev:hover,.product-page-premium .gallery-main-next:hover{background:#3a2c19;border-color:#f1c56b}
.gallery-current-cover>img{object-fit:contain!important;background:#070d16}
.product-cover img{object-fit:contain;background:#0a111d}
@media(max-width:600px){.product-page-premium .gallery-thumb{flex-basis:88px;height:68px}.gallery-count-row small{display:none}.product-page-premium .gallery-main-prev,.product-page-premium .gallery-main-next{width:32px;height:36px}.product-page-premium .gallery-main-prev{left:4px}.product-page-premium .gallery-main-next{right:4px}}
@media(prefers-reduced-motion:reduce){.product-page-premium .gallery-thumbs{scroll-behavior:auto}.product-page-premium .gallery-main-prev,.product-page-premium .gallery-main-next{transition:none}}

/* ArquivoVault V8 — Admin organizado: galerias arrastaveis e personalizacao geral */
.gallery-sort-toolbar{display:flex;align-items:center;gap:9px;color:#cad4e0;font-size:11px;margin:14px 0 8px;padding:11px 13px;border:1px solid #84633566;border-radius:9px;background:#111b28;line-height:1.5}
.gallery-sort-toolbar svg{color:#e9bb68;flex-shrink:0}.gallery-sort-toolbar>span{flex:1}.gallery-sort-toolbar>strong{color:#f2c77a;white-space:nowrap}
.gallery-draggable{cursor:grab;user-select:none;touch-action:pan-y;position:relative}
.gallery-draggable:active{cursor:grabbing}.gallery-draggable.is-dragging,.site-sort-item.is-dragging{opacity:.47}
.gallery-draggable.drop-target,.site-sort-item.drop-target{outline:2px dashed #f3bf62;outline-offset:3px;background:#a67b2420;box-shadow:0 0 0 5px #d5a44b15}
.drag-grip{position:absolute;right:4px;top:5px;background:#0c1422e8;border:1px solid #aa894c9c;border-radius:5px;padding:3px 5px;color:#f1c36c;font-size:9px;display:flex;align-items:center;gap:3px;pointer-events:none}
.gallery-draggable:focus-visible,.site-sort-item:focus-visible{outline:2px solid #ffd178;outline-offset:4px}
.gallery-draggable .preview-actions{position:relative;z-index:2;display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.gallery-draggable .preview-actions button{display:grid;place-items:center;min-width:25px;min-height:25px}
.site-customizer{display:grid;gap:18px}.site-customizer-panel{padding:22px}.customizer-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.customizer-heading h2{font-size:17px;margin:0}.customizer-heading p{margin:5px 0 0;color:#9caec1;font-size:12px}
.site-sort-list{display:grid;gap:8px}.site-sort-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #3f4c5d;background:#101923;border-radius:10px;cursor:grab;min-width:0}
.site-sort-item:active{cursor:grabbing}.site-sort-handle{color:#e5b760;flex-shrink:0}.site-sort-info{min-width:0;flex:1;display:grid;gap:3px}.site-sort-info strong{color:#f1ede6;font-size:13px}.site-sort-info small{color:#8e9cac;font-size:10px}.site-sort-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.site-sort-controls .mini-btn{min-width:30px;height:30px;padding:4px 7px}.site-sort-controls button:disabled{opacity:.32;cursor:not-allowed}
.site-visibility{display:inline-flex;align-items:center;gap:7px;color:#d8cdb8;font-size:11px;padding:6px 7px;cursor:pointer;white-space:nowrap}.site-visibility input,.site-switch input{accent-color:#e3af54;min-width:16px;min-height:16px}.site-visibility:has(input:disabled){opacity:.7;cursor:default}
.site-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.site-field-grid>label{min-width:0;display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#c9d5df}.site-field-grid>label.full{grid-column:1/-1}.site-field-grid select,.site-field-grid input,.site-field-grid textarea{font-weight:450}.site-field-grid .site-switch{flex-direction:row;align-items:center;justify-content:flex-start;margin-top:22px;gap:10px}
.site-savebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:sticky;bottom:12px;z-index:20;background:linear-gradient(135deg,#182331,#121a26);border-color:#b28546}.site-savebar>div{flex:1;min-width:180px;display:grid;gap:4px}.site-savebar strong{color:#f4dfb3}.site-savebar small{color:#aab7c8;font-size:11px}
/* Preferencias publicadas pelo painel, sem substituir regras de pagamento ou dados */
body[data-site-width="wide"] .container{max-width:1500px;width:min(100% - 48px,1500px)}
@media(min-width:941px){body[data-site-columns="2"] .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-site-columns="3"] .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-site-columns="4"] .products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
body[data-site-cards="compact"] .product-card .product-cover{height:150px}body[data-site-cards="compact"] .product-card .product-body{padding:12px}body[data-site-cards="compact"] .product-card .product-subtitle{display:none}body[data-site-cards="compact"] .product-card h3{min-height:0}body[data-site-sticky="false"] .site-header{position:relative}
@media(max-width:700px){.site-customizer-panel{padding:15px}.site-field-grid{grid-template-columns:1fr}.site-field-grid>label.full{grid-column:auto}.site-sort-item{gap:8px;padding:9px}.site-visibility span{display:none}.site-visibility{padding:4px}.site-savebar{position:static}.gallery-sort-toolbar{flex-wrap:wrap}.gallery-draggable .preview-actions{gap:2px}.site-sort-controls{gap:3px}}
@media(prefers-reduced-motion:reduce){.gallery-draggable,.site-sort-item{transition:none!important}}

@media(max-width:600px){body[data-site-width="wide"] .container{width:calc(100% - 26px)}.gallery-sort-toolbar .btn{width:100%}}

/* V9 — entrega digital por Drive e confirmacao de e-mail */
.delivery-email-box,.drive-delivery-area,.legacy-delivery{
  background:linear-gradient(135deg,rgba(240,187,75,.075),rgba(20,29,42,.32));
  border:1px solid rgba(224,178,84,.28);border-radius:13px;
}
.delivery-email-box{display:flex;align-items:flex-start;gap:12px;margin:17px 0;padding:16px;text-align:left}
.delivery-email-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;color:#e8bf68;background:rgba(218,168,72,.12)}
.delivery-email-body{min-width:0;flex:1;font-size:13px;line-height:1.6}
.delivery-email-body b{display:block;color:#f3dfae;margin-bottom:3px;font-size:13px}
.delivery-email-body p{margin:4px 0 12px;color:#b7c0cf;overflow-wrap:anywhere}
.verify-email-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(222,181,101,.20)}
.verify-email-form label{display:block;font-size:12px;margin-bottom:7px;color:#d8c293}
.verify-email-form .form-control{flex:1;min-width:95px;letter-spacing:.2em;font-weight:700;text-align:center}
.verify-email-form .row{display:flex;align-items:center;flex-wrap:wrap}
.drive-delivery-area{padding:20px !important}
.drive-delivery-area>label{font-size:15px;font-weight:700;color:#f2d392}
.drive-delivery-area input{margin-top:10px;min-height:44px}
.delivery-help{display:flex;gap:12px;margin-top:16px;padding:15px;border-radius:10px;background:rgba(17,29,42,.7);border:1px solid rgba(180,153,98,.22);color:#d9be7f}
.delivery-help svg{flex-shrink:0;margin-top:3px}
.delivery-help strong{color:#f0d9a4}
.delivery-help p{color:#b6bfce;margin:5px 0 0;line-height:1.65;font-size:12px}
.legacy-delivery{padding:14px 18px;margin-top:6px}
.legacy-delivery summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#d0d5df;font-weight:600}
.legacy-delivery[open]>summary{margin-bottom:20px}
.legacy-delivery .form-group{margin-bottom:18px}
.order-email-status{display:flex;gap:8px;align-items:center;padding:12px 15px;margin:0 0 10px;border-bottom:1px solid rgba(219,169,75,.2);color:#d5b66f;font-size:13px}
@media(max-width:600px){.delivery-email-box{padding:12px}.drive-delivery-area{padding:14px !important}.verify-email-form .row{align-items:stretch;flex-direction:column}.verify-email-form .row>button{width:100%}}

/* ===================================================================
   ARQUIVOSX V10 — identidade proprietaria; nao afeta painel, compras ou DB
   =================================================================== */
.brand-arquivosx{gap:9px;white-space:nowrap}
.brand-arquivosx .brand-mark{display:grid;place-items:center;background:linear-gradient(150deg,#ffe5a1 0%,#e5af48 65%,#bd842b 100%);border:1px solid #f5c870;border-radius:9px;box-shadow:0 2px 0 #9a6224,inset 0 1px 0 #fff5,0 0 18px #d19b2829;font-family:Arial,sans-serif;font-style:italic;font-size:23px;line-height:1;font-weight:1000;letter-spacing:-2px;color:#10151c;transform:skew(-4deg);text-shadow:0 1px 0 #fff3}
.brand-arquivosx b{font-weight:850;letter-spacing:-.75px}
.brand-arquivosx b span{color:#f2bf5d;text-shadow:0 0 18px #f9b53733}
.hero-media.hero-branded{background:radial-gradient(ellipse at 48% 50%,#b7742c18,transparent 60%),#0c1320;min-height:350px;isolation:isolate}
.hero-media.hero-branded .hero-banner-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;opacity:.55;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;filter:none;transform:none}
.hero-media.hero-branded:before{background:radial-gradient(ellipse at center,#eeb44a31,transparent 68%);z-index:0}
.hero-x-scene{position:relative;z-index:2;min-width:70%;height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}
.hero-x-glow{position:absolute;inset:9% 7%;background:radial-gradient(ellipse,#eeb24b2d,transparent 64%);filter:blur(18px)}
.hero-x-symbol{position:relative;font-family:Arial,sans-serif;font-weight:1000;font-style:italic;font-size:clamp(98px,13vw,185px);letter-spacing:-19px;padding-right:18px;line-height:1;color:#ffd981;background:linear-gradient(155deg,#fff4c6 5%,#ffcc64 47%,#b67b2d 94%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 12px 4px #0008) drop-shadow(0 0 22px #d7912b45)}
.hero-x-copy{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;margin-top:-2px;color:#f9f6ed}
.hero-x-copy strong{font-size:19px;letter-spacing:4px;font-weight:850}
.hero-x-copy strong span{color:#eec26e}
.hero-x-copy small{font-size:9px;letter-spacing:3px;color:#dacdae}
.hero-media.hero-branded .hero-photo-caption{font-size:8px;opacity:.7}
.account-verify-box{border:1px solid #ae873c;border-radius:12px;background:linear-gradient(110deg,#272419,#141b27 75%);box-shadow:0 12px 32px #0004;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:8px 0 30px;max-width:850px}
.account-verify-box h2{margin:0;color:#f3d18a;font-size:19px;display:flex;align-items:center;gap:8px}
.account-verify-box p{margin:0;line-height:1.65;color:#c9cccf}
.account-verify-box .verify-email-form{width:100%;max-width:480px}
.account-verify-box .verify-email-form .row{display:flex;align-items:center;gap:10px}
.account-verify-box .verify-email-form input{max-width:220px}
@media(max-width:600px){.brand-arquivosx b{font-size:17px}.brand-arquivosx .brand-mark{font-size:20px}.hero-x-scene{height:160px}.hero-x-symbol{font-size:100px}.hero-x-copy strong{font-size:13px;letter-spacing:2px}.hero-x-copy small{font-size:7px;letter-spacing:1.5px}.hero-media.hero-branded{min-height:190px}.account-verify-box{padding:16px}.account-verify-box .verify-email-form .row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hero-x-symbol{transition:none!important}}

/* ArquivosX V11 — cinco categorias, sem alterar os demais componentes */
@media (min-width:941px) {
  .category-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .category-tile { padding:10px 11px;gap:9px; }
  .category-copy small { font-size:9px; }
  .category-art { width:50px;height:50px; }
  .category-title {font-size:13px;}
}
.category-art-icon {background:radial-gradient(circle at 30% 20%,#3b2e19,#171c25 70%);color:#f3c76e;}
.category-art-icon svg {width:27px;height:27px;stroke:#f3c76e;filter:drop-shadow(0 1px 6px #ab833660);}
@media(max-width:600px) { .category-art-icon svg { width:21px;height:21px; } }