.shop-stock-page{
  background:
    radial-gradient(circle at 84% 7%,rgba(122,98,255,.12),transparent 29%),
    radial-gradient(circle at 11% 36%,rgba(255,93,67,.07),transparent 26%),
    #07070a;
}

.shop-stock-page .cursor-glow{
  background:radial-gradient(circle,rgba(255,103,67,.12),transparent 70%);
}

.shop-cart-button{
  min-height:42px;
  padding:0 9px 0 15px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  color:#d9d5df;
  background:rgba(255,255,255,.03);
  cursor:pointer;
  font-size:11px;
  font-weight:900;
}

.shop-cart-button strong{
  min-width:28px;
  height:28px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg,#f65240,#ff9841);
}

.shop-cart-button:hover{
  border-color:rgba(255,111,72,.26);
  background:rgba(255,93,67,.06);
}

.shop-hero{
  min-height:720px;
  position:relative;
  overflow:hidden;
  padding:84px 0 70px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.shop-hero-art{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,7,10,.98) 0%,rgba(7,7,10,.83) 43%,rgba(7,7,10,.53) 72%,rgba(7,7,10,.90) 100%),
    url("shop-stock-hero.svg") center/cover no-repeat;
}

.shop-hero-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 60%,#07070a 100%);
}

.shop-hero-grid{
  min-height:560px;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  align-items:center;
  gap:74px;
}

.shop-hero-copy h1{
  max-width:820px;
  margin:24px 0 20px;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(58px,7vw,102px);
  line-height:.87;
  letter-spacing:-.072em;
  text-transform:uppercase;
}

.shop-hero-copy h1 span{display:block;color:#fff}

.shop-hero-copy h1 em{
  display:block;
  color:transparent;
  font-style:normal;
  background:linear-gradient(90deg,#ff5d43,#ff9942 43%,#8c70ff 88%,#c6bbff);
  -webkit-background-clip:text;
  background-clip:text;
}

.shop-hero-copy>p{
  max-width:670px;
  margin:0;
  color:#b0acb9;
  font-size:16px;
  line-height:1.82;
}

.shop-hero-actions{
  margin-top:32px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.shop-hero-stats{
  max-width:660px;
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
}

.shop-hero-stats div{
  min-height:88px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(11,11,16,.72);
  backdrop-filter:blur(12px);
}

.shop-hero-stats strong,.shop-hero-stats span{display:block}
.shop-hero-stats strong{font-family:"Space Grotesk";font-size:25px}
.shop-hero-stats span{margin-top:5px;color:#888491;font-size:10px}

.shop-feature-panel{
  min-height:500px;
  padding:27px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,113,73,.20);
  border-radius:29px;
  background:
    radial-gradient(circle at 100% 0%,rgba(122,98,255,.16),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(255,93,67,.12),transparent 36%),
    rgba(14,14,22,.92);
  box-shadow:0 38px 105px rgba(0,0,0,.54);
}

.shop-feature-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#a9a4b1;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.shop-live-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(73,233,155,.20);
  border-radius:999px;
  color:#83f1b9;
  background:rgba(73,233,155,.055);
}

.shop-live-pill i{
  width:6px;height:6px;border-radius:50%;
  background:#49e99b;box-shadow:0 0 12px rgba(73,233,155,.9);
}

.shop-feature-icon{
  width:104px;
  height:104px;
  margin:48px 0 25px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,94,66,.13),rgba(122,98,255,.10));
  font-size:48px;
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}

.shop-feature-kicker{
  color:#ffad83;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.shop-feature-panel h2{
  margin:10px 0 30px;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(39px,4vw,60px);
  line-height:.94;
  letter-spacing:-.055em;
}

.shop-feature-bottom{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.08);
}

.shop-feature-bottom span,.shop-feature-bottom strong{display:block}
.shop-feature-bottom span{color:#8f8a98;font-size:11px}
.shop-feature-bottom strong{margin-top:5px;font-family:"Space Grotesk";font-size:34px}

.shop-feature-add{
  min-height:48px;
  padding:0 17px;
  border:0;
  border-radius:13px;
  color:#09090d;
  background:#fff;
  cursor:pointer;
  font-weight:900;
}

.shop-feature-add:hover{background:linear-gradient(135deg,#ff6647,#ff9a42)}

.shop-category-strip{
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(7,7,10,.80);
}

.shop-category-strip-inner{
  min-height:70px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
}

.shop-category-strip span{
  padding:0 18px;
  border-right:1px solid rgba(255,255,255,.07);
  color:#aaa6b3;
  font-size:11px;
  font-weight:800;
}

.shop-category-strip span:last-child{border-right:0}
.shop-category-strip b{margin-right:8px;color:#ff7b4d}

.shop-catalog-section{padding-top:100px}

.shop-catalog-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:36px;
}

.shop-catalog-header h2{
  margin:16px 0 12px;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(40px,5vw,63px);
  line-height:1;
  letter-spacing:-.05em;
}

.shop-catalog-header p{
  max-width:690px;
  margin:0;
  color:#9d98a6;
  line-height:1.75;
}

.shop-catalog-tools{
  display:flex;
  gap:10px;
  align-items:center;
}

.shop-search{
  min-width:270px;
  height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.shop-search svg{
  width:17px;
  fill:none;
  stroke:#85818e;
  stroke-width:2;
}

.shop-search input{
  width:100%;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
}

.shop-filter-row{
  margin-top:30px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.shop-filter-row button{
  min-height:40px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  color:#9d98a6;
  background:rgba(255,255,255,.02);
  cursor:pointer;
  font-size:11px;
  font-weight:900;
}

.shop-filter-row button:hover,
.shop-filter-row button.active{
  color:#fff;
  border-color:rgba(255,111,72,.26);
  background:linear-gradient(135deg,rgba(255,93,67,.10),rgba(122,98,255,.08));
}

.shop-product-grid{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.shop-product-card{
  min-height:470px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.08);
  border-radius:21px;
  background:#101017;
  transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;
}

.shop-product-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,111,72,.24);
  box-shadow:0 27px 62px rgba(0,0,0,.32);
}

.shop-product-card.featured{
  border-color:rgba(255,105,69,.30);
  box-shadow:0 22px 55px rgba(255,83,52,.07);
}

.shop-card-art{
  min-height:205px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 80% 15%,rgba(122,98,255,.22),transparent 34%),
    radial-gradient(circle at 15% 88%,rgba(255,93,67,.18),transparent 32%),
    #0c0c12;
}

.shop-card-art::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:42px 42px;
}

.shop-card-art::after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 64px rgba(255,255,255,.012);
}

.shop-card-emoji{
  position:relative;
  z-index:2;
  font-size:74px;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.40));
}

.shop-card-badges{
  position:absolute;
  z-index:3;
  top:14px;left:14px;right:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.shop-card-badge{
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  color:#d1cdd7;
  background:rgba(8,8,12,.70);
  backdrop-filter:blur(9px);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.shop-card-badge.hot{
  color:#ffb187;
  border-color:rgba(255,105,69,.24);
  background:rgba(35,12,8,.72);
}

.shop-product-content{
  flex:1;
  padding:20px;
  display:flex;
  flex-direction:column;
}

.shop-product-category{
  color:#ffad82;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.shop-product-card h3{
  margin:10px 0 8px;
  font-family:"Space Grotesk";
  font-size:25px;
  line-height:1.05;
}

.shop-product-card p{
  margin:0;
  color:#9793a0;
  font-size:13px;
  line-height:1.65;
}

.shop-product-meta{
  margin-top:auto;
  padding-top:24px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.shop-product-meta span,.shop-product-meta strong{display:block}
.shop-product-meta span{color:#807c88;font-size:9px;font-weight:900;letter-spacing:.10em}
.shop-product-meta strong{margin-top:4px;font-family:"Space Grotesk";font-size:32px}

.shop-add-button{
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#f65240,#ff9841);
  cursor:pointer;
  font-size:11px;
  font-weight:900;
}

.shop-add-button:hover{filter:brightness(1.08)}

.shop-empty-state{
  margin-top:20px;
  min-height:260px;
  display:grid;
  place-items:center;
  align-content:center;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:20px;
  text-align:center;
}

.shop-empty-state>span{
  width:54px;height:54px;display:grid;place-items:center;
  border-radius:16px;background:rgba(122,98,255,.10);color:#b9acff;font-size:25px;
}

.shop-empty-state h3{margin:16px 0 7px}
.shop-empty-state p{margin:0;color:#8f8a97}

.shop-stock-notice{
  margin-top:18px;
  padding:17px 19px;
  display:flex;
  gap:13px;
  align-items:flex-start;
  border:1px solid rgba(73,233,155,.14);
  border-radius:16px;
  background:rgba(73,233,155,.04);
}

.shop-stock-notice .live-dot{flex:0 0 8px;margin-top:6px}
.shop-stock-notice p{margin:0;color:#b5d5c4;font-size:12px;line-height:1.65}

.shop-process-section{
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.008);
}

.shop-process-grid{
  margin-top:42px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.shop-process-card{
  min-height:235px;
  padding:25px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:19px;
  background:#101017;
}

.shop-process-card>span{
  color:rgba(255,255,255,.15);
  font-family:"Space Grotesk";
  font-size:35px;
  font-weight:700;
}

.shop-process-card h3{
  margin:35px 0 10px;
  font-family:"Space Grotesk";
  font-size:23px;
}

.shop-process-card p{margin:0;color:#95919e;line-height:1.7;font-size:13px}

.shop-cart-backdrop{
  position:fixed;
  inset:0;
  z-index:400;
  display:none;
  justify-content:flex-end;
  background:rgba(3,3,6,.76);
  backdrop-filter:blur(10px);
}

.shop-cart-backdrop.open{display:flex}

.shop-cart-drawer{
  width:min(100%,510px);
  height:100%;
  overflow-y:auto;
  padding:24px;
  border-left:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%,rgba(122,98,255,.11),transparent 30%),
    #0d0d14;
  box-shadow:-30px 0 100px rgba(0,0,0,.52);
}

.shop-cart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:19px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.shop-cart-head span{
  color:#ffad82;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.shop-cart-head h2{
  margin:8px 0 0;
  font-family:"Space Grotesk";
  font-size:28px;
}

.shop-cart-head button{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:#d0ccd6;
  background:rgba(255,255,255,.03);
  cursor:pointer;
  font-size:24px;
}

.shop-cart-items{
  margin-top:16px;
  display:grid;
  gap:10px;
}

.shop-cart-item{
  padding:14px;
  display:grid;
  grid-template-columns:45px 1fr auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:15px;
  background:rgba(255,255,255,.022);
}

.shop-cart-item-icon{
  width:45px;height:45px;display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,93,67,.12),rgba(122,98,255,.10));
  font-size:22px;
}

.shop-cart-item h4{margin:0;font-size:12px}
.shop-cart-item p{margin:4px 0 0;color:#837f8c;font-size:10px}

.shop-cart-controls{
  display:flex;
  align-items:center;
  gap:7px;
}

.shop-cart-controls button{
  width:29px;height:29px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  color:#fff;
  background:rgba(255,255,255,.03);
  cursor:pointer;
}

.shop-cart-controls strong{min-width:20px;text-align:center;font-size:12px}

.shop-cart-remove{
  color:#ff8a92!important;
}

.shop-cart-empty{
  min-height:260px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
}

.shop-cart-empty>span{
  width:58px;height:58px;display:grid;place-items:center;
  border-radius:17px;
  background:rgba(122,98,255,.11);
  font-size:26px;
}

.shop-cart-empty h3{margin:15px 0 7px}
.shop-cart-empty p{max-width:270px;margin:0;color:#898592;font-size:12px;line-height:1.6}

.shop-cart-summary{
  margin-top:16px;
  padding:16px;
  display:grid;
  gap:11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.02);
}

.shop-cart-summary>div{
  display:flex;
  justify-content:space-between;
  gap:16px;
}

.shop-cart-summary span{color:#8b8793;font-size:11px}
.shop-cart-summary strong{font-size:12px}
.shop-cart-total{
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.08);
}
.shop-cart-total strong{font-family:"Space Grotesk";font-size:23px}

.shop-order-form{
  margin-top:16px;
}

.shop-order-form label,
.shop-order-result label{
  display:block;
  color:#c8c4ce;
  font-size:10px;
  font-weight:900;
}

.shop-order-form label+label{margin-top:13px}
.shop-order-form small{color:#77737e;font-weight:600}

.shop-order-form input,
.shop-order-form textarea,
.shop-order-result textarea{
  width:100%;
  margin-top:7px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  outline:0;
  color:#fff;
  background:rgba(255,255,255,.025);
}

.shop-order-form input:focus,
.shop-order-form textarea:focus{
  border-color:rgba(255,111,72,.28);
  box-shadow:0 0 0 3px rgba(255,93,67,.06);
}

.shop-order-warning{
  margin:15px 0;
  padding:13px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid rgba(255,199,102,.15);
  border-radius:12px;
  background:rgba(255,199,102,.045);
}

.shop-order-warning>span{
  width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;
  border-radius:50%;color:#ffd17d;background:rgba(255,199,102,.09);font-size:11px;font-weight:900;
}

.shop-order-warning p{margin:2px 0 0;color:#c7b184;font-size:10px;line-height:1.55}
.shop-full-button{width:100%}

.shop-order-result{margin-top:16px}
.shop-result-actions{
  margin-top:11px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.shop-toast{
  position:fixed;
  left:50%;
  bottom:25px;
  z-index:500;
  padding:12px 16px;
  border:1px solid rgba(73,233,155,.18);
  border-radius:12px;
  color:#a0f4c9;
  background:rgba(10,26,19,.96);
  font-size:11px;
  font-weight:900;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,15px);
  transition:opacity .2s ease,transform .2s ease;
}

.shop-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1080px){
  .shop-hero-grid{grid-template-columns:1fr}
  .shop-hero-copy{text-align:center}
  .shop-hero-copy .recook-kicker{margin:0 auto}
  .shop-hero-copy>p{margin-left:auto;margin-right:auto}
  .shop-hero-actions,.shop-hero-stats{justify-content:center;margin-left:auto;margin-right:auto}
  .shop-feature-panel{width:min(100%,650px);margin:0 auto}
  .shop-product-grid{grid-template-columns:repeat(2,1fr)}
  .shop-catalog-header{align-items:flex-start;flex-direction:column}
}

@media(max-width:760px){
  .shop-cart-button:not(.shop-cart-large){display:none}
  .shop-hero{padding-top:55px}
  .shop-hero-copy h1{font-size:clamp(48px,15vw,72px)}
  .shop-category-strip-inner{grid-template-columns:1fr 1fr}
  .shop-category-strip span{min-height:52px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}
  .shop-catalog-tools{width:100%}
  .shop-search{min-width:0;flex:1}
  .shop-product-grid{grid-template-columns:1fr}
  .shop-process-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  .shop-hero-actions{flex-direction:column}
  .shop-hero-actions .button{width:100%}
  .shop-hero-stats{grid-template-columns:1fr}
  .shop-feature-panel{min-height:440px;padding:21px}
  .shop-feature-icon{margin-top:35px}
  .shop-category-strip-inner{grid-template-columns:1fr}
  .shop-category-strip span{border-right:0}
  .shop-catalog-tools{align-items:stretch;flex-direction:column}
  .shop-cart-large{justify-content:space-between}
  .shop-result-actions{grid-template-columns:1fr}
}


.shop-card-image{
  position:relative;
  z-index:2;
  width:min(82%, 230px);
  max-height:150px;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.42));
  image-rendering:auto;
}

.shop-feature-image{
  width:170px;
  height:130px;
  padding:10px;
  background:linear-gradient(145deg,rgba(255,94,66,.10),rgba(122,98,255,.10));
}

.shop-feature-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.38));
}

/* --- refreshed stock art layout --- */
.shop-feature-panel{
  min-height:620px;
}

.shop-feature-image{
  width:100%;
  height:320px;
  margin:24px 0 20px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(255,255,255,.03);
}

.shop-feature-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:none;
}

.shop-product-card{
  min-height:580px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),
    #101017;
}

.shop-card-art{
  min-height:355px;
  align-items:stretch;
  background:#09090d;
}

.shop-card-art::before{
  inset:auto 0 0 0;
  height:44%;
  opacity:1;
  background:linear-gradient(180deg,transparent 0%,rgba(4,4,8,.08) 30%,rgba(4,4,8,.88) 100%);
}

.shop-card-art::after{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,94,66,.06),transparent 35%,transparent 65%,rgba(122,98,255,.10));
}

.shop-card-image{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center top;
  filter:none;
  transition:transform .35s ease;
}

.shop-product-card:hover .shop-card-image{
  transform:scale(1.035);
}

.shop-card-badges{
  z-index:3;
}

.shop-card-badge{
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}

.shop-product-content{
  padding:18px 18px 20px;
}

.shop-product-category{
  color:#f0ae85;
}

.shop-product-card h3{
  font-size:23px;
}

.shop-product-card p{
  color:#aba6b5;
}

.shop-product-meta{
  padding-top:18px;
}

.shop-add-button{
  box-shadow:0 10px 24px rgba(246,82,64,.22);
}

.shop-cart-item{
  grid-template-columns:58px 1fr auto;
}

.shop-cart-item-thumb,
.shop-cart-item-icon{
  width:58px;
  height:58px;
  border-radius:14px;
}

.shop-cart-item-thumb{
  object-fit:cover;
  object-position:center top;
  border:1px solid rgba(255,255,255,.08);
  background:#101017;
}

.shop-cart-item-icon{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(255,93,67,.12),rgba(122,98,255,.10));
  font-size:24px;
}

@media(max-width:1080px){
  .shop-feature-panel{min-height:unset}
}

@media(max-width:760px){
  .shop-card-art{min-height:320px}
  .shop-feature-image{height:260px}
}

/* v4 — professional compact checkout drawer */
.shop-cart-drawer{
  width:min(100%,580px);
  padding:26px;
  scrollbar-color:#6542d8 #111119;
  scrollbar-width:thin;
}

.shop-cart-head{
  position:sticky;
  top:-26px;
  z-index:12;
  margin:-26px -26px 18px;
  padding:26px 26px 20px;
  background:linear-gradient(180deg,rgba(13,13,20,.99),rgba(13,13,20,.96));
  backdrop-filter:blur(18px);
}

.shop-cart-head>div{
  min-width:0;
}

.shop-cart-head-copy{
  max-width:420px;
  margin:8px 0 0;
  color:#8f8a99;
  font-size:11px;
  line-height:1.55;
}

.shop-cart-items{
  gap:12px;
}

.shop-cart-item{
  width:100%;
  min-width:0;
  padding:12px;
  display:grid !important;
  grid-template-columns:78px minmax(0,1fr) auto !important;
  grid-template-areas:"media copy controls" !important;
  align-items:center;
  gap:13px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:17px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 65%),
    rgba(255,255,255,.018);
}

.shop-cart-item-media{
  grid-area:media;
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:#08080d;
}

.shop-cart-item-thumb,
.shop-cart-item-media .shop-cart-item-thumb{
  display:block !important;
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  min-height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center 18% !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
}

.shop-cart-item-icon{
  width:100% !important;
  height:100% !important;
  display:grid;
  place-items:center;
  border-radius:0;
  font-size:26px;
}

.shop-cart-item-copy{
  grid-area:copy;
  min-width:0;
}

.shop-cart-item-copy>span{
  display:block;
  margin-bottom:5px;
  color:#f2a578;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.shop-cart-item-copy h4{
  margin:0;
  overflow:hidden;
  color:#f5f2f7;
  font-family:"Space Grotesk",sans-serif;
  font-size:13px;
  line-height:1.25;
  text-overflow:ellipsis;
}

.shop-cart-item-copy p{
  margin:5px 0 7px;
  display:-webkit-box;
  overflow:hidden;
  color:#85808e;
  font-size:9px;
  line-height:1.4;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.shop-cart-item-copy>strong{
  display:block;
  color:#fff;
  font-family:"Space Grotesk",sans-serif;
  font-size:14px;
}

.shop-cart-controls{
  grid-area:controls;
  display:grid;
  grid-template-columns:30px 26px 30px;
  align-items:center;
  justify-content:end;
  gap:6px;
}

.shop-cart-controls button{
  width:30px;
  height:30px;
  border-radius:9px;
}

.shop-cart-controls strong{
  min-width:26px;
  text-align:center;
}

.shop-cart-remove{
  grid-column:1 / -1;
  width:100% !important;
  margin-top:2px;
  color:#ff9096 !important;
  background:rgba(255,90,103,.045) !important;
}

.shop-cart-summary{
  padding:17px;
  border-color:rgba(124,93,255,.18);
  background:linear-gradient(135deg,rgba(124,93,255,.075),rgba(255,99,66,.035));
}

.shop-order-form{
  padding:17px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:rgba(255,255,255,.015);
}

.shop-order-form .shop-full-button:disabled{
  cursor:wait;
  opacity:.72;
}

.shop-order-form .shop-full-button.is-loading{
  background:linear-gradient(135deg,#6b57d8,#8b74ff);
}

.shop-order-result{
  margin-top:10px;
}

.shop-order-success-card{
  padding:17px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  align-items:start;
  border:1px solid rgba(73,233,155,.20);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(73,233,155,.075),rgba(122,98,255,.055));
}

.shop-order-success-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#062113;
  background:#72efb2;
  box-shadow:0 12px 32px rgba(73,233,155,.18);
  font-size:23px;
  font-weight:900;
}

.shop-order-success-card small{
  color:#7ef0b9;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

.shop-order-success-card h3{
  margin:6px 0 6px;
  font-family:"Space Grotesk",sans-serif;
  font-size:19px;
}

.shop-order-success-card p{
  margin:0;
  color:#98a8a0;
  font-size:10px;
  line-height:1.55;
}

.shop-summary-label{
  margin-top:14px;
}

.shop-summary-label textarea{
  min-height:180px;
  resize:vertical;
  color:#cbc7d2;
  font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.shop-result-actions{
  grid-template-columns:1fr 1fr;
}

.shop-new-order-button{
  grid-column:1 / -1;
  width:100%;
}

@media(max-width:600px){
  .shop-cart-drawer{
    width:100%;
    padding:16px;
  }

  .shop-cart-head{
    top:-16px;
    margin:-16px -16px 14px;
    padding:18px 16px 16px;
  }

  .shop-cart-head h2{
    font-size:25px;
  }

  .shop-cart-head-copy{
    font-size:10px;
  }

  .shop-cart-item{
    grid-template-columns:68px minmax(0,1fr) !important;
    grid-template-areas:
      "media copy"
      "controls controls" !important;
    align-items:start;
    padding:10px;
  }

  .shop-cart-item-media{
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    max-width:68px !important;
  }

  .shop-cart-item-thumb,
  .shop-cart-item-media .shop-cart-item-thumb{
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    max-width:68px !important;
    min-height:68px !important;
    max-height:68px !important;
  }

  .shop-cart-controls{
    width:100%;
    grid-template-columns:34px 1fr 34px 42px;
    gap:7px;
  }

  .shop-cart-controls button{
    width:34px;
    height:32px;
  }

  .shop-cart-controls strong{
    min-width:0;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
    background:rgba(255,255,255,.025);
  }

  .shop-cart-remove{
    grid-column:auto;
    width:42px !important;
    margin-top:0;
  }

  .shop-result-actions{
    grid-template-columns:1fr;
  }

  .shop-new-order-button{
    grid-column:auto;
  }
}