/* V55 — cart drawer stock clarity, campaign commerce banner, responsive polish */

/* Compact cart / invoice drawer: all actions remain visible and item stock is clear. */
.invoice-drawer{
  width:min(410px,96vw)!important;
  padding:18px!important;
  gap:11px!important;
  overflow:hidden!important;
  z-index:10080!important;
}
.invoice-head{padding-right:44px}
.invoice-head .mini-label{font-size:10px}
.invoice-head h2{font-size:38px!important;line-height:.96!important;margin:5px 0 7px!important}
.invoice-head p{font-size:13px!important;line-height:1.45!important}
.invoice-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  gap:8px!important;
  padding:1px 3px 2px 0!important;
}
.invoice-line{
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:8px!important;
  border-radius:18px!important;
  align-items:center!important;
}
.invoice-line img{width:58px!important;height:62px!important;object-fit:contain!important;border-radius:13px!important;padding:3px;background:#f8f3e9!important}
.invoice-line-copy{min-width:0}
.invoice-line b{font-size:14px!important;-webkit-line-clamp:1!important;white-space:nowrap;text-overflow:ellipsis}
.invoice-line small{font-size:11px!important;margin:2px 0 4px!important;line-height:1.25}
.invoice-line strong{font-size:14px!important}
.invoice-stock-note{color:#14714d!important;font-size:10px!important;font-weight:900!important;margin:0 0 5px!important}
.invoice-stock-note.is-limit{color:#a56600!important}
.invoice-qty{gap:6px!important;padding:3px!important}
.invoice-qty button{width:22px!important;height:22px!important;font-size:12px;cursor:pointer}
.invoice-qty button:disabled{opacity:.38;cursor:not-allowed}
.invoice-qty span{min-width:16px!important;font-size:11px!important}
.invoice-cart-notice{border-radius:12px;padding:9px 11px;font-size:11px;font-weight:900;line-height:1.35}
.invoice-cart-notice.is-warning{background:#fff6dc;color:#765300;border:1px solid #e7c86d}
.invoice-cart-notice.is-error{background:#fff0ef;color:#962b20;border:1px solid #efb1aa}
.invoice-total-box{margin-top:0!important;padding:13px 15px!important;border-radius:21px!important;flex:0 0 auto}
.invoice-total-box div{padding:6px 0!important;font-size:13px}
.invoice-total-box .grand{padding-top:11px!important;margin-top:5px!important}
.invoice-total-box .grand b{font-size:24px!important}
.invoice-actions{gap:7px!important;flex:0 0 auto}
.invoice-actions .btn-luxe,.invoice-actions .btn-line{min-height:43px!important;padding:9px 14px!important;font-size:13px!important;border-radius:999px!important}
.invoice-continue-shopping{display:flex!important;color:var(--emerald)!important;background:#fffaf1!important}

/* Enterprise campaign banner, additive to the existing hero slider. */
.campaign-commerce-section{padding:20px 0 36px;background:linear-gradient(180deg,#071814 0,#071814 42%,#f8f3e9 42%,#f8f3e9 100%)}
.campaign-commerce-banner{position:relative;display:block;min-height:270px;aspect-ratio:21/6.2;border-radius:30px;overflow:hidden;isolation:isolate;border:1px solid rgba(237,203,112,.48);box-shadow:0 28px 76px rgba(3,18,14,.25);color:#fff;text-decoration:none}
.campaign-commerce-media,.campaign-commerce-media img{position:absolute;inset:0;width:100%;height:100%;display:block}
.campaign-commerce-media img{object-fit:cover;object-position:center}
.campaign-commerce-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,12,.94) 0%,rgba(3,23,18,.80) 38%,rgba(3,23,18,.22) 68%,rgba(3,23,18,.05) 100%);z-index:1}
.campaign-commerce-copy{position:relative;z-index:2;width:min(620px,58%);min-height:100%;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.campaign-commerce-type{display:inline-flex;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#f2d579,#bd8d2d);color:#201405;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.campaign-commerce-copy>small{margin-top:10px;color:#f3d77c;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.campaign-commerce-copy h2{margin:7px 0 5px;font-family:var(--head);font-size:clamp(34px,3.5vw,58px);line-height:.94;color:#fff}
.campaign-commerce-copy p{margin:4px 0 12px;color:rgba(255,255,255,.82);font-weight:650;line-height:1.5}
.campaign-commerce-offers{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.campaign-commerce-offers strong,.campaign-commerce-offers em,.campaign-commerce-offers span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:10px;font-size:11px;font-weight:950;font-style:normal}
.campaign-commerce-offers strong{background:#fff;color:#8b1e1e}
.campaign-commerce-offers em{background:#f3cf68;color:#1c1305;border:1px dashed #5e4307}
.campaign-commerce-offers span{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.28)}
.campaign-commerce-cta{margin-top:13px;display:inline-flex;min-height:40px;align-items:center;padding:0 18px;border-radius:999px;background:#fff;color:#09251d;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.campaign-commerce-banner:hover .campaign-commerce-media img{transform:scale(1.015)}
.campaign-commerce-media img{transition:transform .45s ease}
.home-page .hero-admin-slider.has-live-campaign .hero-campaign-row{display:flex}

@media(max-width:991px){
  .invoice-drawer{width:100%!important;max-width:none!important;height:min(88dvh,760px)!important;padding:17px 16px 82px!important;gap:9px!important}
  .invoice-head h2{font-size:32px!important}
  .invoice-line{grid-template-columns:54px minmax(0,1fr) auto!important}
  .invoice-line img{width:54px!important;height:58px!important}
  .campaign-commerce-banner{aspect-ratio:16/7;min-height:300px}
  .campaign-commerce-copy{width:70%;padding:24px}
}
@media(max-width:640px){
  .invoice-drawer{max-height:90dvh!important}
  .invoice-line{grid-template-columns:50px minmax(0,1fr) auto!important}
  .invoice-line img{width:50px!important;height:54px!important}
  .invoice-line strong{grid-column:auto!important;justify-self:end!important}
  .invoice-head p{display:none}
  .invoice-total-box div{font-size:12px}
  .campaign-commerce-section{padding:12px 0 24px;background:#f8f3e9}
  .campaign-commerce-banner{aspect-ratio:auto;min-height:390px;border-radius:22px}
  .campaign-commerce-shade{background:linear-gradient(0deg,rgba(2,15,12,.96) 0%,rgba(2,15,12,.76) 56%,rgba(2,15,12,.08) 100%)}
  .campaign-commerce-copy{width:100%;padding:22px;justify-content:flex-end}
  .campaign-commerce-copy h2{font-size:36px}
  .campaign-commerce-copy p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .campaign-commerce-offers span{display:none}
}