/* Pork & Pistons — premium cart refinement
   Two-tone workshop/butcher-paper treatment, no sharp corners. */
body .pp-drawer{
  background:rgba(8,7,6,.74);
  backdrop-filter:blur(10px) saturate(.88);
  -webkit-backdrop-filter:blur(10px) saturate(.88);
}

body .pp-drawer .pp-drawer-card{
  width:min(590px,100%);
  color:#352821;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.78),transparent 30%),
    linear-gradient(180deg,#f3eadf 0%,#eaded0 54%,#e4d4c5 100%);
  border-left:1px solid rgba(111,73,49,.34);
  box-shadow:-36px 0 100px rgba(0,0,0,.62);
}
body .pp-drawer .pp-drawer-card:before{
  opacity:.18;
  background-image:
    repeating-linear-gradient(0deg,rgba(73,48,34,.05) 0 1px,transparent 1px 5px),
    linear-gradient(90deg,transparent 0 97%,rgba(111,73,49,.09) 97%);
}

body .pp-drawer .pp-drawer-head{
  padding:22px 26px 21px;
  background:
    radial-gradient(circle at 19% 16%,rgba(151,40,57,.25),transparent 27%),
    linear-gradient(180deg,#1e1b19 0%,#151311 100%);
  border-bottom:0;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
body .pp-drawer .pp-drawer-head:after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg,#6d1c2a 0%,#b12c42 30%,#c89a63 62%,transparent 100%);
  opacity:.86;
}
body .pp-drawer .pp-drawer-title{gap:16px}
body .pp-drawer .pp-drawer-mascot{
  box-sizing:border-box;
  width:88px;
  height:70px;
  padding:7px 8px;
  border-radius:22px;
  object-fit:contain;
  background:
    radial-gradient(circle at 50% 40%,#fff9ed 0%,#e7cda9 58%,#b78653 100%);
  border:1px solid rgba(225,185,132,.85);
  box-shadow:
    inset 0 0 0 3px rgba(45,30,22,.12),
    inset 0 1px rgba(255,255,255,.9),
    0 8px 24px rgba(0,0,0,.35),
    0 0 24px rgba(185,44,66,.16);
  filter:brightness(1.15) saturate(1.18) contrast(1.08) drop-shadow(0 3px 3px rgba(0,0,0,.22));
}
body .pp-drawer .pp-drawer-overline{
  color:#d8a86c;
  letter-spacing:.22em;
  text-shadow:0 1px 0 #000;
}
body .pp-drawer .pp-drawer-head h2{
  color:#fff8ef;
  font-size:33px;
  letter-spacing:-.02em;
  text-shadow:0 2px 8px rgba(0,0,0,.28);
}
body .pp-drawer .pp-drawer-subtitle{color:#baa99b;font-size:11px}
body .pp-drawer .pp-x{
  border-radius:50%;
  border:1px solid rgba(214,173,121,.42);
  background:radial-gradient(circle at 50% 35%,#39312b,#211d1a 72%);
  color:#fff5e8;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.34);
}
body .pp-drawer .pp-x:hover{
  border-color:#c03b4e;
  background:radial-gradient(circle at 50% 35%,#6b2a35,#351b20 72%);
}

body .pp-drawer .pp-cart-body{padding:24px 27px 34px}
body .pp-drawer .pp-cart-section-label{
  color:#7b5438;
  margin:4px 0 14px;
  font-size:10px;
  letter-spacing:.18em;
}
body .pp-drawer .pp-cart-section-label:after{
  background:linear-gradient(90deg,rgba(134,83,49,.5),rgba(159,43,59,.22),transparent);
}

body .pp-drawer .pp-cart-row{
  position:relative;
  overflow:hidden;
  padding:15px;
  gap:15px;
  border-radius:22px;
  border:1px solid rgba(117,78,51,.16);
  background:
    radial-gradient(circle at 100% 0%,rgba(173,44,65,.055),transparent 34%),
    linear-gradient(145deg,rgba(255,253,248,.98),rgba(238,224,209,.96));
  box-shadow:
    inset 0 1px rgba(255,255,255,.88),
    0 11px 26px rgba(71,45,30,.10);
}
body .pp-drawer .pp-cart-row:before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#9d2638,#c8965f 76%,transparent);
}
body .pp-drawer .pp-cart-thumb{
  width:80px;
  height:80px;
  border-radius:16px;
  border:1px solid rgba(112,73,48,.24);
  background:#e8d8c7;
  box-shadow:0 8px 20px rgba(72,44,28,.18),inset 0 0 0 1px rgba(255,255,255,.48);
}
body .pp-drawer .pp-cart-copy{justify-content:center}
body .pp-drawer .pp-cart-name{
  color:#2d211b;
  font-size:18px;
  text-shadow:none;
}
body .pp-drawer .pp-cart-meta{color:#756155}
body .pp-drawer .pp-cart-meta-price{color:#8e2235;font-weight:900}
body .pp-drawer .pp-cart-row-actions{
  padding-top:12px;
  border-top:1px solid rgba(107,74,53,.11);
}
body .pp-drawer .pp-qty{
  padding:4px;
  border:1px solid rgba(195,151,98,.35);
  background:linear-gradient(180deg,#211e1b,#141210);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 14px rgba(0,0,0,.17);
}
body .pp-drawer .pp-qty b{color:#fff8ee}
body .pp-drawer .pp-qty button{
  border-radius:50%;
  background:linear-gradient(180deg,#3b342e,#26211d);
  color:#fff8ed;
}
body .pp-drawer .pp-remove{
  border-radius:999px!important;
  color:#8c2b3b!important;
  border-color:rgba(143,39,55,.22)!important;
  background:rgba(155,42,59,.07)!important;
}
body .pp-drawer .pp-remove:hover{
  color:#fff!important;
  background:#8f2436!important;
  border-color:#8f2436!important;
}

body .pp-drawer .pp-total-panel{
  margin:22px 0 19px;
  padding:20px 20px 17px;
  border-radius:22px;
  border:1px solid rgba(216,176,126,.26);
  background:
    radial-gradient(circle at 90% 20%,rgba(157,40,58,.17),transparent 35%),
    linear-gradient(145deg,#2c2622,#171412 68%);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 32px rgba(74,45,29,.18);
}
body .pp-drawer .pp-total-caption{color:#c8ac8f}
body .pp-drawer .pp-total span:first-child{color:#fff7ed}
body .pp-drawer .pp-total span:last-child{
  color:#e0ad6c;
  font-size:28px;
  letter-spacing:-.02em;
}
body .pp-drawer .pp-total-note{color:#a89687}

body .pp-drawer .pp-checkout-shell{
  position:relative;
  overflow:hidden;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(116,79,53,.22);
  background:
    radial-gradient(circle at 105% 0%,rgba(163,44,62,.16),transparent 34%),
    linear-gradient(160deg,#312b26,#1d1a17 76%);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 15px 34px rgba(69,42,27,.15);
}
body .pp-drawer .pp-checkout-shell:before{
  content:'';
  position:absolute;
  left:20px;right:20px;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#c89861,#a72a3f,transparent);
  opacity:.7;
}
body .pp-drawer .pp-checkout-title{
  color:#fff6eb;
  font-size:22px;
  margin-bottom:16px;
}
body .pp-drawer .pp-checkout{gap:12px}
body .pp-drawer .pp-checkout input,
body .pp-drawer .pp-checkout textarea,
body .pp-drawer .pp-checkout select{
  min-height:48px;
  padding:13px 15px;
  border-radius:16px;
  border:1px solid rgba(212,181,145,.32);
  background:linear-gradient(180deg,#fbf7f1,#efe5da);
  color:#322720;
  box-shadow:inset 0 1px 2px rgba(75,44,26,.06),0 1px rgba(255,255,255,.08);
}
body .pp-drawer .pp-checkout input::placeholder,
body .pp-drawer .pp-checkout textarea::placeholder{color:#907f72}
body .pp-drawer .pp-checkout input:focus,
body .pp-drawer .pp-checkout textarea:focus,
body .pp-drawer .pp-checkout select:focus{
  background:#fffaf4;
  border-color:#ad2d42;
  box-shadow:0 0 0 3px rgba(173,45,66,.14),0 6px 18px rgba(0,0,0,.08);
}
body .pp-drawer .pp-checkout select{
  background-color:#f7f0e8;
  background-image:linear-gradient(45deg,transparent 50%,#8e293a 50%),linear-gradient(135deg,#8e293a 50%,transparent 50%);
}
body .pp-drawer .pp-field-label{color:#cfb89f}
body .pp-drawer .pp-proof-wrap{
  border-radius:18px;
  border:1px dashed rgba(206,167,120,.4);
  background:rgba(255,255,255,.04);
}
body .pp-drawer .pp-proof-help{color:#aa9a8c}
body .pp-drawer .pp-submit{
  min-height:52px;
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 34%),
    linear-gradient(180deg,#b13249,#7e1f31);
  border:1px solid rgba(255,215,190,.2);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 12px 26px rgba(96,22,36,.34);
}
body .pp-drawer .pp-submit:hover{
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 16px 34px rgba(96,22,36,.43);
}
body .pp-drawer .pp-checkout-security{color:#9f8f82}
body .pp-drawer .pp-continue{
  height:46px;
  border-radius:999px;
  border:1px solid rgba(113,75,50,.24);
  color:#674a38;
  background:rgba(255,255,255,.32);
}
body .pp-drawer .pp-continue:hover{
  color:#fff;
  border-color:#7f2636;
  background:#7f2636;
}

body .pp-drawer .pp-empty{color:#725e50}
body .pp-drawer .pp-empty img{
  box-sizing:border-box;
  width:176px;
  height:126px;
  padding:14px;
  border-radius:28px;
  background:radial-gradient(circle,#fff8ed,#dfbd91 75%,#b48250);
  border:1px solid rgba(139,91,53,.27);
  filter:brightness(1.12) saturate(1.14) drop-shadow(0 12px 14px rgba(77,46,28,.22));
}
body .pp-drawer .pp-empty strong{color:#33251e}
body .pp-drawer .pp-success{
  border-radius:20px;
  background:linear-gradient(145deg,#1c3828,#14261d);
}

@media(max-width:600px){
  body .pp-drawer .pp-drawer-head{padding:16px 14px 16px}
  body .pp-drawer .pp-drawer-title{gap:11px}
  body .pp-drawer .pp-drawer-mascot{width:73px;height:59px;border-radius:18px;padding:6px}
  body .pp-drawer .pp-drawer-head h2{font-size:27px}
  body .pp-drawer .pp-drawer-overline{font-size:8px;letter-spacing:.15em}
  body .pp-drawer .pp-cart-body{padding:16px 13px 26px}
  body .pp-drawer .pp-cart-row{grid-template-columns:66px minmax(0,1fr);padding:12px;border-radius:18px}
  body .pp-drawer .pp-cart-thumb{width:66px;height:66px;border-radius:13px}
  body .pp-drawer .pp-cart-name{font-size:16px}
  body .pp-drawer .pp-total-panel{border-radius:19px}
  body .pp-drawer .pp-checkout-shell{padding:15px;border-radius:20px}
}