@font-face{font-family:'Vazirmatn';src:url('/assets/fonts/Vazirmatn-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('/assets/fonts/Vazirmatn-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('/assets/fonts/Vazirmatn-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('/assets/fonts/Vazirmatn-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('/assets/fonts/Vazirmatn-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}

*{box-sizing:border-box;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important}
html{scroll-behavior:smooth}
body{margin:0;direction:rtl;background:#120a1e;color:#fff7ef}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 10%,rgba(255,138,61,.33),transparent 30%),radial-gradient(circle at 85% 18%,rgba(124,60,255,.36),transparent 32%),radial-gradient(circle at 50% 92%,rgba(0,194,168,.30),transparent 30%),linear-gradient(135deg,#120a1e,#1d102a 48%,#0d1828)}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.22)}

.site-header{position:sticky;top:0;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:rgba(18,10,30,.82);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:14px}
.brand-text{display:flex;flex-direction:column}
.brand-text strong{font-size:18px;font-weight:800}
.brand-text small{color:#ead7c7;margin-top:4px;font-size:13px}
.brand-icon{
  width:64px;
  height:64px;
  border-radius:24px;
  position:relative;
  flex:0 0 64px;
  overflow:hidden;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.42), transparent 18%),
    radial-gradient(circle at 70% 80%, rgba(0,194,168,.34), transparent 28%),
    linear-gradient(145deg,#ff8a3d 0%,#ffca62 38%,#7c3cff 100%);
  box-shadow:
    0 18px 38px rgba(0,0,0,.38),
    inset 0 2px 0 rgba(255,255,255,.28),
    inset 0 -10px 24px rgba(0,0,0,.20);
}
.brand-icon:before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.18);
}
.cup-body{
  position:absolute;
  width:30px;
  height:25px;
  right:17px;
  bottom:18px;
  border-radius:7px 7px 11px 11px;
  background:
    linear-gradient(145deg,#ffffff 0%,#f1dfcb 48%,#cfae91 100%);
  box-shadow:
    inset 4px 3px 8px rgba(255,255,255,.80),
    inset -5px -6px 10px rgba(90,45,22,.22),
    0 8px 15px rgba(0,0,0,.28);
  z-index:3;
}
.cup-body:before{
  content:"";
  position:absolute;
  right:3px;
  top:-6px;
  width:24px;
  height:10px;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 45% 35%,#8b4a25 0%,#5a2d17 58%,#2b130b 100%);
  border:2px solid #fff5e8;
}
.cup-coffee{
  position:absolute;
  right:24px;
  top:30px;
  width:13px;
  height:5px;
  border-radius:50%;
  background:rgba(255,207,139,.55);
  z-index:5;
  transform:rotate(-8deg);
}
.cup-handle{
  position:absolute;
  width:18px;
  height:18px;
  left:14px;
  bottom:23px;
  border:5px solid #f3dfc9;
  border-right:0;
  border-radius:14px 4px 4px 14px;
  box-shadow:0 5px 10px rgba(0,0,0,.20);
  z-index:2;
}
.cup-saucer{
  position:absolute;
  width:42px;
  height:10px;
  right:11px;
  bottom:13px;
  border-radius:50%;
  background:linear-gradient(145deg,#fff2df,#b88d6b);
  box-shadow:0 9px 13px rgba(0,0,0,.28);
  z-index:1;
}
.cup-steam{
  position:absolute;
  width:8px;
  height:18px;
  border-radius:999px;
  border-right:3px solid rgba(255,246,225,.86);
  filter:drop-shadow(0 2px 3px rgba(255,202,98,.38));
  z-index:4;
}
.steam-one{right:22px;top:10px;transform:rotate(18deg)}
.steam-two{right:31px;top:8px;transform:rotate(4deg);height:21px}
.steam-three{right:41px;top:12px;transform:rotate(-14deg)}
.site-header nav{display:flex;gap:10px}
.site-header nav a{padding:11px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;font-size:15px;font-weight:700;background:rgba(255,255,255,.04)}
.site-header nav a:hover{background:rgba(255,255,255,.12)}
.cart-link span{background:#ffca62;color:#21100b;padding:1px 8px;border-radius:999px;margin-right:6px;font-size:13px;font-weight:800}

.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;padding:70px 6vw 40px}
.eyebrow{color:#ffca62;font-weight:800;margin-bottom:14px;font-size:15px}
.hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.18;margin:0 0 24px;font-weight:800}
.hero p{font-size:17px;color:#f0dccb;line-height:2.15}
.cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn,button,input[type=submit]{border:0;padding:14px 22px;border-radius:18px;background:linear-gradient(135deg,#ff8a3d,#ffca62);color:#180d12;font-weight:800;cursor:pointer;font-size:15px;box-shadow:0 10px 24px rgba(255,138,61,.22)}
.btn.secondary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff7ef;box-shadow:none}
.card{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:24px;box-shadow:0 20px 55px rgba(0,0,0,.18)}
.product-visual{min-height:380px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.product-visual:before{content:"";position:absolute;inset:auto -20% -28% -20%;height:55%;background:radial-gradient(ellipse at center,rgba(255,202,98,.18),transparent 62%);filter:blur(6px)}
.coffee-hero-icon{width:min(340px,76vw);aspect-ratio:1/1;position:relative;border-radius:50%;isolation:isolate;filter:drop-shadow(0 30px 38px rgba(0,0,0,.42))}
.coffee-hero-icon:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.26),transparent 17%),radial-gradient(circle at 72% 78%,rgba(0,194,168,.24),transparent 25%),linear-gradient(145deg,#ff8a3d,#ffca62 42%,#7c3cff);box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -26px 46px rgba(0,0,0,.25),0 30px 70px rgba(0,0,0,.34);z-index:-2}
.coffee-hero-icon:after{content:"";position:absolute;left:18%;right:18%;bottom:18%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.42),transparent 65%);filter:blur(5px);z-index:-1}
.real-cup{position:absolute;left:50%;top:51%;width:48%;height:34%;transform:translate(-50%,-20%);border-radius:14% 14% 31% 31% / 18% 18% 37% 37%;background:linear-gradient(120deg,#fffaf0 0%,#f0ddc8 34%,#c69771 71%,#8d5838 100%);box-shadow:inset 14px 10px 24px rgba(255,255,255,.82),inset -19px -18px 26px rgba(73,34,17,.28),0 22px 30px rgba(0,0,0,.35);z-index:4}
.real-cup:before{content:"";position:absolute;left:8%;right:8%;top:-15%;height:30%;border-radius:50%;background:radial-gradient(ellipse at 45% 42%,#d18b4a 0%,#6a371d 46%,#2b130b 72%);border:9px solid #fff2df;box-shadow:inset -8px -8px 15px rgba(0,0,0,.40),inset 8px 5px 10px rgba(255,213,151,.35)}
.real-cup:after{content:"";position:absolute;left:20%;top:9%;width:24%;height:58%;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,0));filter:blur(1px);transform:rotate(10deg)}
.real-handle{position:absolute;right:16%;top:48%;width:26%;height:25%;border:13px solid #ead1b7;border-left:0;border-radius:0 45% 45% 0;box-shadow:7px 10px 20px rgba(0,0,0,.26),inset -3px -3px 8px rgba(113,65,36,.25);z-index:3}
.real-saucer{position:absolute;left:50%;bottom:24%;width:60%;height:13%;transform:translateX(-50%);border-radius:50%;background:linear-gradient(145deg,#fff0dc,#c79875 55%,#7a452d);box-shadow:inset 10px 4px 12px rgba(255,255,255,.55),inset -10px -7px 15px rgba(68,31,17,.25),0 18px 28px rgba(0,0,0,.36);z-index:2}
.real-steam{position:absolute;top:15%;width:7%;height:25%;border-radius:999px;border-right:7px solid rgba(255,246,225,.88);filter:drop-shadow(0 0 9px rgba(255,202,98,.50));z-index:5}
.real-steam.s1{left:35%;transform:rotate(17deg)}
.real-steam.s2{left:48%;top:11%;height:31%;transform:rotate(2deg)}
.real-steam.s3{left:61%;transform:rotate(-15deg)}
.coffee-card-icon{width:100%;aspect-ratio:1/1;border-radius:24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 23%),linear-gradient(145deg,rgba(255,138,61,.32),rgba(124,60,255,.20),rgba(0,0,0,.16));position:relative;overflow:hidden}
.coffee-card-icon .coffee-hero-icon{width:78%;filter:drop-shadow(0 18px 26px rgba(0,0,0,.36))}

.content-blocks{padding:30px 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story-block h2{margin:0 0 14px;font-size:22px;line-height:1.5;font-weight:800}
.story-block p{margin:0;color:#f0dccb;line-height:2.15;font-size:15.5px}
.quote-band{margin:20px 6vw 50px;padding:36px;border-radius:32px;text-align:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(124,60,255,.28),rgba(0,194,168,.16),rgba(255,138,61,.20))}
.quote-band h2{margin:0 0 16px;font-size:clamp(28px,3.4vw,44px);line-height:1.25;font-weight:800}
.quote-band p{margin:0;color:#f2dfcd;line-height:2.1;font-size:17px}
.section-title{text-align:center;padding:20px 6vw 0}
.section-title h2{margin:0 0 10px;font-size:clamp(28px,3.2vw,42px);line-height:1.35;font-weight:800}
.section-title p{max-width:760px;margin:auto;color:#f0dccb;line-height:2.1;font-size:16px}

.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;padding:30px 6vw 80px}
.product-card h2{margin:16px 0 10px;font-size:22px;line-height:1.45;font-weight:800}
.muted{color:#ead7c7;line-height:2.1;font-size:15.5px}
.variant-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13)}
.variant-row strong{font-size:15px}
.mini{color:#f0dccb;font-size:13px;margin-top:4px}
.qty{width:70px;padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.18);color:#fff}

.site-footer{padding:50px 6vw;border-top:1px solid rgba(255,255,255,.12);background:rgba(7,5,14,.78);display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:center}
.footer-box{display:flex;flex-direction:column;align-items:center;justify-content:center}
.footer-box strong{margin-bottom:16px;font-size:18px;color:#fff1db;font-weight:800}
.footer-box p{margin:0;color:#ead7c7;line-height:2.2;max-width:520px;font-size:15.5px}

.page{max-width:1100px;margin:auto;padding:55px 6vw}
.page h1{font-size:clamp(30px,4vw,48px);line-height:1.3;font-weight:800}
.page h2{font-size:24px;line-height:1.5;font-weight:800}
.form{display:grid;gap:14px}
.form input,.form textarea,.form select{width:100%;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.18);color:#fff;font-size:15px}
.form textarea{min-height:140px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.13);text-align:right;font-size:15px}
.notice{padding:16px;border-radius:18px;background:rgba(0,194,168,.14);border:1px solid rgba(0,194,168,.35);color:#d8fff8;margin-bottom:18px}
.danger{background:rgba(255,85,85,.12);border-color:rgba(255,85,85,.35);color:#ffd5d5}
.admin-wrap{max-width:1150px;margin:40px auto;padding:0 20px}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}
.success-hero{text-align:center;padding:80px 6vw}
.success-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.35}
.code{direction:ltr;text-align:left;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);padding:14px;border-radius:14px;overflow:auto}

@media(max-width:900px){.content-blocks{grid-template-columns:1fr}}
@media(max-width:760px){
  .hero,.site-footer,.two{grid-template-columns:1fr}
  .site-header{flex-direction:column;align-items:flex-start;gap:16px}
  .site-header nav{width:100%;overflow:auto}
  .variant-row{grid-template-columns:1fr}
  .hero{padding-top:45px}
  .hero h1{font-size:36px}
  .product-visual{min-height:260px}
}

.coffee-flat-icon{display:flex;justify-content:center;align-items:center}.coffee-flat-icon svg{width:64px;height:64px}

/* Flat 2D coffee icon override */
.brand-icon{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:#ffca62!important;
  box-shadow:none!important;
  flex:0 0 64px!important;
}
.brand-icon:before,.brand-icon:after,
.brand-icon .cup-body,.brand-icon .cup-coffee,.brand-icon .cup-handle,.brand-icon .cup-saucer,.brand-icon .cup-steam{
  display:none!important;
  content:none!important;
}
.coffee-hero-icon,.real-cup,.real-handle,.real-saucer,.real-steam{display:none!important}
.coffee-flat-cup{
  width:min(300px,70vw);
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2a140c;
  background:#ffca62;
  border-radius:32px;
  box-shadow:none;
}
.coffee-flat-cup svg{width:72%;height:72%;display:block}
.coffee-flat-cup .cup{fill:#fff7ef;stroke:#2a140c;stroke-width:7;stroke-linejoin:round}
.coffee-flat-cup .saucer{fill:#fff7ef;stroke:#2a140c;stroke-width:7;stroke-linejoin:round}
.coffee-flat-cup .handle{stroke:#2a140c}
.coffee-flat-cup .steam{stroke:#2a140c;opacity:.9}
.coffee-flat-cup .coffee{stroke:#5a2d17}
.brand-icon .coffee-flat-cup,
.coffee-flat-cup.brand-cup{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#2a140c!important;
}
.coffee-card-icon{
  background:#ffca62!important;
  border:3px solid #2a140c!important;
}
.coffee-card-icon .coffee-flat-cup{
  width:78%!important;
  background:transparent!important;
}


/* refined tasteful coffee icon */
.brand-icon{
background:linear-gradient(145deg,#2b1811,#120c09)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:20px!important;
box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}

.coffee-flat-cup{
background:transparent!important;
}

.coffee-flat-cup svg{
width:74%!important;
height:74%!important;
}

.coffee-flat-cup .cup{
fill:#f7efe7!important;
stroke:#f7efe7!important;
stroke-width:5!important;
}

.coffee-flat-cup .saucer{
fill:none!important;
stroke:#d9c1ab!important;
stroke-width:5!important;
}

.coffee-flat-cup .handle{
stroke:#f7efe7!important;
stroke-width:6!important;
}

.coffee-flat-cup .steam{
stroke:#ffb36a!important;
stroke-width:5!important;
stroke-linecap:round!important;
opacity:1!important;
}

.coffee-flat-cup .coffee{
stroke:#8a4b2a!important;
stroke-width:6!important;
}

.coffee-card-icon{
background:linear-gradient(145deg,#2b1811,#120c09)!important;
border:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 16px 40px rgba(0,0,0,.32)!important;
}

/* ===== Dashboard/products polish update ===== */
.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important;padding:24px 6vw 70px!important}
.product-card{padding:16px!important;border-radius:22px!important}
.product-card h2{font-size:18px!important;margin:12px 0 8px!important}
.product-card .muted{font-size:13px!important;line-height:1.9!important}
.coffee-card-icon,.product-img{width:100%!important;aspect-ratio:1/1!important;border-radius:18px!important;object-fit:cover!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(145deg,rgba(255,138,61,.20),rgba(124,60,255,.14),rgba(0,0,0,.16))!important}
.variant-row{grid-template-columns:1fr 58px auto!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important}
.variant-row strong{font-size:13px!important}.variant-row .mini{font-size:12px!important}.variant-row button{padding:10px 12px!important;border-radius:13px!important;font-size:13px!important}.qty{width:58px!important;padding:9px!important}
.admin-product-form label{display:grid;gap:8px;color:#fff7ef;font-weight:700}
.admin-grid,.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.image-picker-box{display:grid;gap:10px;padding:14px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;background:rgba(0,0,0,.13)}
.image-picker-box small{color:#cfc3d8;line-height:1.9}.file-btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;max-width:230px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);cursor:pointer}.file-btn input{display:none!important}
.admin-products-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.admin-product-mini{padding:12px;border-radius:18px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);display:grid;gap:10px}.admin-product-mini .product-img,.admin-product-mini .coffee-card-icon{height:120px!important;aspect-ratio:auto!important}.mini-prices{display:grid;gap:5px;color:#d8d0df;font-size:12px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-actions .btn{padding:9px 12px!important;border-radius:12px!important;font-size:12px!important}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:20px}.summary-row,.summary-total{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);line-height:1.8}.summary-total{font-size:18px;border-bottom:0;margin-top:12px}.big-icon{width:120px;margin:0 auto 12px}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}.variant-row{grid-template-columns:1fr!important}.variant-row .qty{width:100%!important}}

/* manual payment professional layer */
.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}.summary-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.summary-total{display:flex;justify-content:space-between;gap:14px;margin-top:18px;padding-top:18px;border-top:2px solid rgba(255,202,98,.4);font-size:18px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.trust-strip div,.trust-card{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;text-align:center;font-weight:800}.payment-box{margin-top:18px;padding:18px;border-radius:24px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.13)}.bank-card{display:grid;gap:8px;margin:16px 0;padding:22px;border-radius:24px;background:linear-gradient(135deg,#22130f,#4b2415 55%,#ff8a3d);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 40px rgba(0,0,0,.22)}.bank-card span,.bank-card small{color:#fff0df}.bank-card strong{font-size:26px;letter-spacing:2px;text-align:left;direction:ltr}.copy-btn{width:max-content;background:#fff7ef!important;color:#2a140c!important;box-shadow:none!important}.pay-total-box{margin:16px 0;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.pay-total-box strong{display:block;font-size:18px;margin-bottom:6px}.receipt-picker{display:block;padding:18px;border:1px dashed rgba(255,255,255,.32);border-radius:18px;text-align:center;cursor:pointer}.receipt-picker input{margin-top:10px}.order-code{display:inline-block;direction:ltr;background:rgba(255,202,98,.18);border:1px solid rgba(255,202,98,.4);padding:14px 22px;border-radius:18px;font-size:24px;font-weight:900;margin:12px 0}.center{justify-content:center}.status-pill{display:inline-block;background:rgba(0,194,168,.16);border:1px solid rgba(0,194,168,.35);color:#d8fff8;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.trust-section{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 6vw 40px}.trust-card{display:flex;flex-direction:column;gap:10px;text-align:right}.trust-card span{font-weight:500;color:#ead7c7;line-height:1.9}.social-proof{margin:0 6vw 70px;text-align:center}.social-proof p{line-height:2.1;color:#ead7c7}.admin-orders{display:grid;gap:16px}.admin-order-card{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.15);border-radius:22px;padding:18px}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.order-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;color:#ead7c7;font-size:14px}.order-items{margin:12px 0;padding:12px;border-radius:16px;background:rgba(255,255,255,.055);line-height:2}.order-update{grid-template-columns:220px 1fr auto;align-items:center}.admin-products-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.admin-product-mini{background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:14px}.mini-img{height:130px;object-fit:cover;border-radius:16px}.mini-prices{display:grid;gap:5px;margin:10px 0;color:#ead7c7;font-size:13px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-grid,.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.price-grid{grid-template-columns:repeat(3,1fr)}.image-picker-box{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(0,0,0,.14)}.file-btn{display:block;cursor:pointer;padding:14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.file-btn input{display:none}
@media(max-width:900px){.checkout-layout,.trust-section,.trust-strip{grid-template-columns:1fr}.order-meta{grid-template-columns:1fr 1fr}.order-update{grid-template-columns:1fr}.admin-grid,.price-grid{grid-template-columns:1fr}}