/* =====================================================================
   DISOBEY PREMIUM 2.42.0 — CLASSIC SYSTEM UI OVERHAUL
   Global visual skin for native PrestaShop/Classic account, forms,
   stores, listings, empty states, cart and checkout surfaces.
   ===================================================================== */

:root{
  --diso-red:#e7212f;
  --diso-red-2:#a90e19;
  --diso-bg:#060707;
  --diso-panel:#0d0e0f;
  --diso-panel-2:#121314;
  --diso-line:rgba(255,255,255,.11);
  --diso-line-red:rgba(231,33,47,.38);
  --diso-text:#f7f7f5;
  --diso-muted:rgba(255,255,255,.60);
  --diso-muted-2:rgba(255,255,255,.38);
  --diso-radius:2px;
}

/* ---------- Shared native page stage ---------- */
body:not(#index) .diso-system-main{
  position:relative;
  max-width:1380px;
  margin:0 auto;
  padding:clamp(28px,3.5vw,58px) clamp(18px,3.5vw,54px) clamp(52px,6vw,96px);
}
body:not(#index) .diso-system-main:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 100% 5%,rgba(231,33,47,.10),transparent 34%),
    linear-gradient(110deg,transparent 35%,rgba(160,7,17,.035) 100%);
  z-index:0;
}
body:not(#index) .diso-system-main>*{position:relative;z-index:1}

body:not(#index) .diso-system-main .page-header{
  margin:0 0 26px;
  padding:0 0 18px;
  border-bottom:1px solid var(--diso-line);
}
body:not(#index) .diso-system-main .page-header:before{
  content:"DISOBEY / SISTEMA";
  display:block;
  margin-bottom:10px;
  color:var(--diso-red);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
}
body:not(#index) .diso-system-main .page-header h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.8rem,3vw,3.3rem)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase;
}

body:not(#index) .diso-system-surface,
body:not(#index) .diso-system-main .page-content.card,
body:not(#index) .diso-system-main .card.card-block{
  background:
    radial-gradient(circle at 100% 0,rgba(231,33,47,.09),transparent 32%),
    linear-gradient(145deg,rgba(16,17,18,.98),rgba(8,9,10,.99))!important;
  color:var(--diso-text)!important;
  border:1px solid var(--diso-line)!important;
  border-radius:var(--diso-radius)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
  padding:clamp(22px,3vw,42px)!important;
}

/* ---------- Text / links ---------- */
body:not(#index) .diso-system-main,
body:not(#index) .diso-system-main p,
body:not(#index) .diso-system-main label,
body:not(#index) .diso-system-main address,
body:not(#index) .diso-system-main td,
body:not(#index) .diso-system-main th{
  color:var(--diso-text);
}
body:not(#index) .diso-system-main a{color:#fff}
body:not(#index) .diso-system-main a:hover{color:var(--diso-red);text-decoration:none}
body:not(#index) .diso-system-main hr{border-color:var(--diso-line)}

/* ---------- Forms ---------- */
body:not(#index) .diso-system-main .form-group.row{
  margin-left:0;
  margin-right:0;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.045);
}
body:not(#index) .diso-system-main .form-group.row:last-child{border-bottom:0}
body:not(#index) .diso-system-main .form-control-label{
  color:rgba(255,255,255,.72)!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase;
}
body:not(#index) .diso-system-main .form-control,
body:not(#index) .diso-system-main input[type="text"],
body:not(#index) .diso-system-main input[type="email"],
body:not(#index) .diso-system-main input[type="password"],
body:not(#index) .diso-system-main input[type="date"],
body:not(#index) .diso-system-main input[type="tel"],
body:not(#index) .diso-system-main select,
body:not(#index) .diso-system-main textarea,
body#checkout .form-control,
#cart .form-control{
  min-height:46px;
  color:#fff!important;
  background:#080909!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
body:not(#index) .diso-system-main textarea{min-height:120px}
body:not(#index) .diso-system-main .form-control:focus,
body#checkout .form-control:focus,
#cart .form-control:focus{
  background:#0b0c0d!important;
  border-color:var(--diso-red)!important;
  box-shadow:0 0 0 3px rgba(231,33,47,.10)!important;
}
body:not(#index) .diso-system-main .form-control::placeholder,
body:not(#index) .diso-system-main textarea::placeholder{color:rgba(255,255,255,.30)!important}
body:not(#index) .diso-system-main select option{background:#0b0b0c;color:#fff}
body:not(#index) .diso-system-main .form-control-comment,
body:not(#index) .diso-system-main small,
body:not(#index) .diso-system-main .help-block{color:var(--diso-muted)!important}
body:not(#index) .diso-system-main .input-group-btn .btn,
body:not(#index) .diso-system-main [data-action="show-password"]{
  min-height:46px;
  background:#171819!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:0!important;
}

/* File upload from Classic */
body:not(#index) .diso-system-main .bootstrap-filestyle .group-span-filestyle label,
body:not(#index) .diso-system-main .btn-default{
  background:#171819!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  text-transform:uppercase;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}

/* ---------- Buttons ---------- */
body:not(#index) .diso-system-main .btn-primary,
body:not(#index) .diso-system-main .form-control-submit,
body#checkout .btn-primary,
#cart .btn-primary{
  min-height:44px;
  padding:12px 22px!important;
  color:#fff!important;
  background:linear-gradient(90deg,#c91220 0%,var(--diso-red) 100%)!important;
  border:1px solid var(--diso-red)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:.74rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
body:not(#index) .diso-system-main .btn-primary:hover,
body#checkout .btn-primary:hover,
#cart .btn-primary:hover{
  filter:brightness(1.10);
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(231,33,47,.18)!important;
}
body:not(#index) .diso-system-main .btn-secondary,
body#checkout .btn-secondary,
#cart .btn-secondary{
  color:#fff!important;
  background:#121314!important;
  border:1px solid var(--diso-line)!important;
  border-radius:0!important;
}

/* ---------- Checkbox / radio ---------- */
body:not(#index) .diso-system-main .custom-checkbox span,
body:not(#index) .diso-system-main .custom-radio span{
  background:#090a0b!important;
  border-color:rgba(255,255,255,.22)!important;
}
body:not(#index) .diso-system-main .custom-checkbox input[type=checkbox]:checked+span,
body:not(#index) .diso-system-main .custom-radio input[type=radio]:checked+span{
  border-color:var(--diso-red)!important;
  background:var(--diso-red)!important;
}

/* ---------- Customer auth / registration ---------- */
#authentication .diso-system-surface,
#registration .diso-system-surface,
#password .diso-system-surface,
#identity .diso-system-surface,
#address .diso-system-surface,
#addresses .diso-system-surface{
  width:min(760px,100%);
  margin-left:auto;
  margin-right:auto;
}
#authentication .login-form,
#registration .register-form{max-width:680px;margin:0 auto}
#authentication .forgot-password,
#authentication .no-account,
#registration .register-form>p{
  text-align:center;
  margin:16px 0;
  color:var(--diso-muted)!important;
}
#authentication .form-footer,
#registration .form-footer{text-align:center!important;padding-top:18px}

/* ---------- Account dashboard ---------- */
#my-account .links{display:flex;flex-wrap:wrap;margin:-8px}
#my-account .links>a{padding:8px!important}
#my-account .link-item{
  min-height:150px;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start!important;
  gap:22px;
  padding:24px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#101112,#090a0a)!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
#my-account .link-item i{font-size:2rem!important;color:var(--diso-red)!important}
#my-account .links>a:hover .link-item{
  transform:translateY(-3px);
  border-color:var(--diso-line-red)!important;
  background:linear-gradient(145deg,rgba(231,33,47,.12),#0a0b0c)!important;
}
.account-link{color:rgba(255,255,255,.72)!important;margin-right:22px}
.account-link i{color:var(--diso-red)!important}

/* ---------- Contact ---------- */
#contact .contact-rich,
#contact .contact-form{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
  padding:clamp(22px,2.8vw,38px)!important;
  height:auto!important;
}
#contact .contact-rich h4,
#contact .contact-form h3{
  color:#fff!important;
  text-transform:uppercase;
  letter-spacing:-.025em;
}
#contact .contact-rich .block{border:0!important;color:var(--diso-muted)!important}
#contact .contact-rich .icon i{color:var(--diso-red)!important}
#contact .contact-rich hr{border-color:var(--diso-line)!important}
#contact .contact-rich a{color:#fff!important}

/* ---------- Stores ---------- */
#stores .page-stores{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#stores .store-item.card{
  margin-bottom:16px!important;
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
}
#stores .store-item-container{padding:24px!important}
#stores .store-picture img{width:100%;height:auto;border:1px solid var(--diso-line);filter:saturate(.82) contrast(1.03)}
#stores .store-description .card-title{color:#fff!important;text-transform:uppercase;letter-spacing:-.02em}
#stores .store-description address{color:var(--diso-muted)!important}
#stores .store-item a{color:var(--diso-red)!important}
#stores .store-item .divide-left{border-left:1px solid var(--diso-line)!important}
#stores .store-item table{color:#fff!important}
#stores .store-item td,#stores .store-item th{border:0!important;padding:.18rem .35rem!important}
#stores .store-item footer{background:#080909!important;border-top:1px solid var(--diso-line)!important}

/* ---------- Classic left navigation / category tree ---------- */
.block-categories,
#left-column .block-categories{
  background:
    radial-gradient(circle at 100% 0,rgba(231,33,47,.10),transparent 42%),
    linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
  padding:20px!important;
}
.block-categories .h6,
.block-categories .category-sub-menu li>a,
.block-categories a{color:#fff!important}
.block-categories .h6{
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
  color:var(--diso-red)!important;
}
.block-categories .category-sub-menu li{
  border-top:1px solid rgba(255,255,255,.055);
  padding:9px 0;
}
.block-categories .collapse-icons i{color:var(--diso-red)!important}
.block-categories .category-sub-link{color:var(--diso-muted)!important}

/* ---------- Empty states / no products / not found ---------- */
.page-not-found,
#js-product-list .page-not-found{
  width:min(760px,100%);
  margin:38px auto!important;
  padding:clamp(28px,4vw,50px)!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 100% 0,rgba(231,33,47,.10),transparent 36%),
    linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
}
.page-not-found h4{color:#fff!important;font-size:clamp(1.5rem,2.5vw,2.5rem)!important;text-transform:uppercase;letter-spacing:-.035em}
.page-not-found p{color:var(--diso-muted)!important}
.page-not-found .search-widget form{max-width:520px;margin-top:24px}
.page-not-found .search-widget input{background:#080909!important;color:#fff!important;border:1px solid var(--diso-line)!important}
.page-not-found .search-widget button{color:var(--diso-red)!important}

/* ---------- Tables / order history ---------- */
body:not(#index) .diso-system-main .table,
body:not(#index) .diso-system-main table{color:#fff!important;background:transparent!important}
body:not(#index) .diso-system-main .table thead th,
body:not(#index) .diso-system-main table thead th{
  color:rgba(255,255,255,.62)!important;
  background:#090a0b!important;
  border-color:var(--diso-line)!important;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body:not(#index) .diso-system-main .table td,
body:not(#index) .diso-system-main .table th,
body:not(#index) .diso-system-main table td,
body:not(#index) .diso-system-main table th{border-color:var(--diso-line)!important}
body:not(#index) .diso-system-main .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.025)!important}

/* ---------- Addresses / order cards ---------- */
#addresses .address,
#history .order,
#order-detail .box,
#order-follow .box,
#guest-tracking .box{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
}

/* ---------- Alerts / notifications ---------- */
.alert{
  border-radius:0!important;
  border:1px solid var(--diso-line)!important;
  background:#101112!important;
  color:#fff!important;
}
.alert-danger{border-color:rgba(231,33,47,.55)!important;background:rgba(90,8,14,.42)!important}
.alert-success{border-color:rgba(60,180,100,.42)!important;background:rgba(15,71,37,.36)!important}
.alert-warning{border-color:rgba(231,161,33,.42)!important;background:rgba(78,54,11,.36)!important}

/* ---------- Pagination ---------- */
.pagination .page-list li a,
.pagination .page-list li span{color:rgba(255,255,255,.60)!important}
.pagination .current a,
.pagination .current span{color:var(--diso-red)!important}

/* ---------- Cart ---------- */
#cart .cart-grid-body,
#cart .cart-grid-right,
#cart .card,
#cart .cart-summary{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border-color:var(--diso-line)!important;
  box-shadow:none!important;
}
#cart .cart-item{border-bottom:1px solid var(--diso-line)!important}
#cart .product-line-info a,#cart .product-price,#cart .cart-summary-line .value{color:#fff!important}
#cart .cart-summary-line .label,#cart .product-line-info .label{color:var(--diso-muted)!important}

/* ---------- Checkout ---------- */
body#checkout #wrapper{background:linear-gradient(110deg,#060707 0%,#090909 55%,#14090b 100%)!important}
body#checkout section.checkout-step{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
  margin-bottom:12px!important;
}
body#checkout section.checkout-step .step-title{color:#fff!important;border-bottom-color:var(--diso-line)!important}
body#checkout section.checkout-step .step-number{color:var(--diso-red)!important}
body#checkout .address-item,
body#checkout .delivery-option,
body#checkout .payment-option{
  background:#0a0b0c!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
}
body#checkout .cart-summary,
body#checkout .card{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  box-shadow:none!important;
}
body#checkout a{color:#fff!important}
body#checkout a:hover{color:var(--diso-red)!important}

/* ---------- Modal safety net for native Classic modals ---------- */
.modal-content{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  color:#fff!important;
  border:1px solid var(--diso-line)!important;
  border-radius:0!important;
  box-shadow:0 30px 90px rgba(0,0,0,.45)!important;
}
.modal-header,.modal-footer{border-color:var(--diso-line)!important}
.modal-title,.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4{color:#fff!important}
.modal-content .close{color:#fff!important;opacity:.75!important}

/* ---------- Footer links on system pages ---------- */
body:not(#index) .page-footer{margin-top:20px}
body:not(#index) .page-footer .account-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 13px;
  background:#0b0c0d;
  border:1px solid var(--diso-line);
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  body:not(#index) .diso-system-main{padding:24px 14px 52px}
  body:not(#index) .diso-system-surface,
  body:not(#index) .diso-system-main .page-content.card,
  body:not(#index) .diso-system-main .card.card-block{padding:20px 16px!important}
  body:not(#index) .diso-system-main .form-group.row{padding:8px 0}
  body:not(#index) .diso-system-main .form-control-label{padding-top:5px;margin-bottom:7px}
  #contact .contact-rich,#contact .contact-form{padding:20px 16px!important;margin-bottom:14px}
  #stores .store-item-container{padding:16px!important}
  #stores .store-item .divide-left{border-left:0!important;border-top:1px solid var(--diso-line)!important;margin-top:14px;padding-top:14px}
  #my-account .link-item{min-height:116px}
}

/* =====================================================================
   DISOBEY PREMIUM 2.42.1 — CMS SURFACES
   Native CMS pages (About us, legal notice, terms, shipping, secure
   payment, etc.) bypass page.tpl's default .diso-system-surface wrapper.
   Force the same Disobey visual system on their real CMS container.
   ===================================================================== */
body:not(#index) .diso-system-main .page-cms.diso-cms-surface,
body:not(#index) .diso-system-main .page-content.page-cms{
  background:
    radial-gradient(circle at 92% 4%,rgba(231,33,47,.10),transparent 31%),
    linear-gradient(145deg,rgba(15,16,17,.99),rgba(7,8,9,.995))!important;
  color:var(--diso-text)!important;
  border:1px solid var(--diso-line)!important;
  border-radius:var(--diso-radius)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
  padding:clamp(24px,3vw,44px)!important;
}

body:not(#index) .diso-system-main .page-cms,
body:not(#index) .diso-system-main .page-cms p,
body:not(#index) .diso-system-main .page-cms li,
body:not(#index) .diso-system-main .page-cms span,
body:not(#index) .diso-system-main .page-cms div,
body:not(#index) .diso-system-main .page-cms td,
body:not(#index) .diso-system-main .page-cms th,
body:not(#index) .diso-system-main .page-cms address{
  color:rgba(255,255,255,.72)!important;
  background-color:transparent!important;
}
body:not(#index) .diso-system-main .page-cms h1,
body:not(#index) .diso-system-main .page-cms h2,
body:not(#index) .diso-system-main .page-cms h3,
body:not(#index) .diso-system-main .page-cms h4,
body:not(#index) .diso-system-main .page-cms h5,
body:not(#index) .diso-system-main .page-cms h6,
body:not(#index) .diso-system-main .page-cms strong,
body:not(#index) .diso-system-main .page-cms b{
  color:#fff!important;
  background-color:transparent!important;
}
body:not(#index) .diso-system-main .page-cms h2,
body:not(#index) .diso-system-main .page-cms h3{
  text-transform:uppercase;
  letter-spacing:-.025em;
}
body:not(#index) .diso-system-main .page-cms a{
  color:var(--diso-red)!important;
  text-decoration:none;
}
body:not(#index) .diso-system-main .page-cms a:hover{color:#fff!important}
body:not(#index) .diso-system-main .page-cms hr{border-color:var(--diso-line)!important}
body:not(#index) .diso-system-main .page-cms blockquote{
  color:#fff!important;
  background:rgba(255,255,255,.025)!important;
  border-left:3px solid var(--diso-red)!important;
  padding:18px 22px!important;
}
body:not(#index) .diso-system-main .page-cms table,
body:not(#index) .diso-system-main .page-cms .table{
  color:#fff!important;
  background:#0b0c0d!important;
  border-color:var(--diso-line)!important;
}
body:not(#index) .diso-system-main .page-cms table td,
body:not(#index) .diso-system-main .page-cms table th,
body:not(#index) .diso-system-main .page-cms .table td,
body:not(#index) .diso-system-main .page-cms .table th{
  border-color:var(--diso-line)!important;
  background:transparent!important;
}
body:not(#index) .diso-system-main .page-cms img{
  max-width:100%;
  height:auto;
}

/* Undo common inline/Classic white surfaces inside CMS editor content. */
body:not(#index) .diso-system-main .page-cms [style*="background"],
body:not(#index) .diso-system-main .page-cms [bgcolor]{
  background-color:transparent!important;
}

@media (max-width:767px){
  body:not(#index) .diso-system-main .page-cms.diso-cms-surface,
  body:not(#index) .diso-system-main .page-content.page-cms{
    padding:20px!important;
  }
}


/* =====================================================================
   DISOBEY PREMIUM 2.42.15 — CHECKOUT COMPLETE UI
   Full contrast and brand pass for native PrestaShop checkout steps.
   ===================================================================== */
body#checkout{
  --diso-checkout-panel:#0d0e0f;
  --diso-checkout-panel-2:#111214;
  --diso-checkout-line:rgba(255,255,255,.12);
  --diso-checkout-muted:rgba(255,255,255,.64);
  --diso-checkout-soft:rgba(255,255,255,.42);
  color:#fff!important;
  background:#070808!important;
}
body#checkout #wrapper,
body#checkout #content-wrapper,
body#checkout .diso-checkout-shell{
  color:#fff!important;
  background:
    radial-gradient(circle at 95% 12%,rgba(231,33,47,.10),transparent 32%),
    linear-gradient(110deg,#060707 0%,#090909 55%,#14090b 100%)!important;
}
body#checkout .diso-checkout-shell{padding-top:24px;padding-bottom:48px}

/* Step cards and active state */
body#checkout section.checkout-step{
  overflow:hidden;
  background:linear-gradient(145deg,rgba(16,17,18,.99),rgba(8,9,10,.995))!important;
  color:#fff!important;
  border:1px solid var(--diso-checkout-line)!important;
  box-shadow:none!important;
}
body#checkout section.checkout-step.-current{
  border-color:rgba(231,33,47,.34)!important;
  box-shadow:inset 3px 0 0 var(--diso-red)!important;
}
body#checkout section.checkout-step .step-title{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0!important;
  padding:16px 22px!important;
  color:#fff!important;
  background:rgba(255,255,255,.012)!important;
  border-bottom:1px solid var(--diso-checkout-line)!important;
  font-size:1.05rem!important;
  font-weight:900!important;
  letter-spacing:.015em;
  text-transform:uppercase;
}
body#checkout section.checkout-step .step-title .step-number{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:28px;
  width:28px;
  height:28px;
  margin:0 4px 0 0!important;
  border-radius:50%;
  background:var(--diso-red)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  line-height:1!important;
}
body#checkout section.checkout-step.-complete .step-title .step-number{background:#171819!important;color:#fff!important}
body#checkout section.checkout-step .step-title .done{color:var(--diso-red)!important}
body#checkout section.checkout-step .step-edit,
body#checkout section.checkout-step .step-edit *{color:rgba(255,255,255,.56)!important}
body#checkout section.checkout-step .content{padding:22px 28px 26px!important;color:#fff!important}

/* Text contrast: Classic muted/gray text was nearly invisible */
body#checkout section.checkout-step,
body#checkout section.checkout-step p,
body#checkout section.checkout-step label,
body#checkout section.checkout-step legend,
body#checkout section.checkout-step .form-control-label,
body#checkout section.checkout-step .radio-inline,
body#checkout section.checkout-step .custom-checkbox label,
body#checkout section.checkout-step .condition-label label,
body#checkout section.checkout-step .carrier-name,
body#checkout section.checkout-step .carrier-delay,
body#checkout section.checkout-step .delivery-option,
body#checkout section.checkout-step .payment-option,
body#checkout section.checkout-step .payment-option label{
  color:rgba(255,255,255,.80)!important;
}
body#checkout .text-muted,
body#checkout .form-control-comment,
body#checkout .form-informations-subtitle,
body#checkout .help-block,
body#checkout small,
body#checkout .small,
body#checkout .carrier-delay,
body#checkout .delivery-option-2,
body#checkout .cart-summary-line .label,
body#checkout .cart-summary-subtotals .label{
  color:var(--diso-checkout-muted)!important;
}
body#checkout strong,
body#checkout b,
body#checkout .font-weight-bold,
body#checkout h1,
body#checkout h2,
body#checkout h3,
body#checkout h4,
body#checkout h5,
body#checkout h6{color:#fff!important}

/* Guest/login tabs */
body#checkout #checkout-personal-information-step .nav-inline{
  display:flex;
  align-items:center;
  gap:8px;
  margin:4px 0 22px!important;
  padding-bottom:14px;
  border-bottom:1px solid var(--diso-checkout-line);
}
body#checkout #checkout-personal-information-step .nav-link{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px!important;
  border:1px solid transparent;
  color:rgba(255,255,255,.64)!important;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
  text-decoration:none!important;
}
body#checkout #checkout-personal-information-step .nav-link.active{
  border-color:rgba(231,33,47,.48)!important;
  background:rgba(231,33,47,.09)!important;
  color:#fff!important;
}
body#checkout #checkout-personal-information-step .nav-separator{color:rgba(255,255,255,.18)!important}

/* Form rows / labels */
body#checkout .form-group.row{
  margin-left:0!important;
  margin-right:0!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.035);
}
body#checkout .form-group.row:last-child{border-bottom:0}
body#checkout .form-control-label{
  color:rgba(255,255,255,.72)!important;
  font-size:.71rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
body#checkout .form-control-label.required:after{color:var(--diso-red)!important}
body#checkout .form-informations{
  margin:10px 0 14px 25%!important;
  padding:12px 14px;
  border-left:2px solid var(--diso-red);
  background:rgba(255,255,255,.018);
  color:#fff!important;
}
body#checkout .form-informations-title{color:#fff!important}
body#checkout .form-informations-option{color:rgba(255,255,255,.58)!important}

/* Controls */
body#checkout input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body#checkout select,
body#checkout textarea,
body#checkout .form-control{
  min-height:46px!important;
  background:#080909!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body#checkout input:not([type="checkbox"]):not([type="radio"]):focus,
body#checkout select:focus,
body#checkout textarea:focus,
body#checkout .form-control:focus{
  background:#0c0d0e!important;
  border-color:var(--diso-red)!important;
  box-shadow:0 0 0 3px rgba(231,33,47,.09)!important;
  outline:0!important;
}
body#checkout input::placeholder,
body#checkout textarea::placeholder{color:rgba(255,255,255,.30)!important;-webkit-text-fill-color:rgba(255,255,255,.30)!important}
body#checkout select option{background:#0b0c0d!important;color:#fff!important}
body#checkout input[type="date"]{color-scheme:dark}

/* Chrome/Edge autofill: prevent the light blue Classic field */
body#checkout input:-webkit-autofill,
body#checkout input:-webkit-autofill:hover,
body#checkout input:-webkit-autofill:focus,
body#checkout input:-webkit-autofill:active{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #080909 inset!important;
  box-shadow:0 0 0 1000px #080909 inset!important;
  transition:background-color 9999s ease-out 0s!important;
  border:1px solid rgba(255,255,255,.15)!important;
}
body#checkout .input-group-btn .btn,
body#checkout [data-action="show-password"]{
  min-height:46px!important;
  background:#171819!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-left:0!important;
  font-size:.67rem!important;
  font-weight:900!important;
  text-transform:uppercase;
}
body#checkout [data-action="show-password"]:hover{background:var(--diso-red)!important}

/* Radios / checkboxes */
body#checkout .custom-radio span,
body#checkout .custom-checkbox span{
  background:#090a0b!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
body#checkout .custom-radio input[type=radio]:checked+span,
body#checkout .custom-checkbox input[type=checkbox]:checked+span{
  background:var(--diso-red)!important;
  border-color:var(--diso-red)!important;
}
body#checkout .custom-checkbox label,
body#checkout .radio-inline{color:rgba(255,255,255,.78)!important}
body#checkout .custom-checkbox label a{color:#fff!important;text-decoration:underline;text-decoration-color:rgba(231,33,47,.55)}
body#checkout .custom-checkbox label a:hover{color:var(--diso-red)!important}

/* Address / shipping / payment cards */
body#checkout .address-item,
body#checkout .delivery-option,
body#checkout .delivery-option-2,
body#checkout .payment-option{
  background:#0a0b0c!important;
  color:#fff!important;
  border:1px solid var(--diso-checkout-line)!important;
  box-shadow:none!important;
}
body#checkout .address-item.selected,
body#checkout .delivery-option:hover,
body#checkout .payment-option:hover{
  border-color:rgba(231,33,47,.45)!important;
  background:#0e0f10!important;
}
body#checkout .address-item address,
body#checkout .address-item .address,
body#checkout .carrier-name,
body#checkout .carrier-price,
body#checkout .payment-option label{color:#fff!important}
body#checkout .add-address a{color:var(--diso-red)!important;font-weight:900}
body#checkout .delivery-options-list textarea{min-height:110px!important}

/* Summary card on right */
body#checkout #js-checkout-summary,
body#checkout .cart-grid-right .card,
body#checkout .cart-grid-right .cart-summary{
  background:linear-gradient(145deg,#101112,#090a0b)!important;
  border:1px solid var(--diso-checkout-line)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body#checkout #js-checkout-summary .card-block{background:transparent!important}
body#checkout .cart-summary-products p,
body#checkout .cart-summary-products .js-show-details,
body#checkout .cart-summary-line,
body#checkout .cart-summary-line .label,
body#checkout .cart-summary-line .value,
body#checkout .cart-total .label,
body#checkout .cart-total .value{
  color:#fff!important;
}
body#checkout .cart-summary-line{border-color:var(--diso-checkout-line)!important}
body#checkout .cart-summary-products .js-show-details{font-weight:800;text-decoration:none!important}
body#checkout .cart-summary-products .js-show-details:hover{color:var(--diso-red)!important}
body#checkout .cart-voucher .promo-code-button,
body#checkout .cart-voucher .promo-code-button a{color:var(--diso-red)!important;font-weight:900!important}
body#checkout .cart-summary-product-list .media{border-color:var(--diso-checkout-line)!important}
body#checkout .cart-summary-product-list .product-name,
body#checkout .cart-summary-product-list .product-price,
body#checkout .cart-summary-product-list .product-quantity{color:#fff!important}

/* Reassurance / policies on right */
body#checkout #block-reassurance{
  margin-top:14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body#checkout #block-reassurance ul{margin:0!important;padding:0!important}
body#checkout #block-reassurance li{
  margin:0 0 8px!important;
  padding:0!important;
  list-style:none!important;
  background:#0c0d0e!important;
  border:1px solid var(--diso-checkout-line)!important;
}
body#checkout #block-reassurance .block-reassurance-item{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:12px 14px!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
}
body#checkout #block-reassurance .block-reassurance-item img{width:30px!important;height:30px!important;object-fit:contain}
body#checkout #block-reassurance .block-reassurance-item .h6,
body#checkout #block-reassurance .block-reassurance-item span{
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.70rem!important;
  font-weight:800!important;
  line-height:1.25!important;
}

/* Payment conditions / policy copy */
body#checkout .condition-label,
body#checkout .condition-label label,
body#checkout .js-conditions-to-approve,
body#checkout .js-conditions-to-approve p,
body#checkout .js-conditions-to-approve label{
  color:rgba(255,255,255,.76)!important;
}
body#checkout .js-conditions-to-approve a{color:#fff!important;text-decoration:underline;text-decoration-color:rgba(231,33,47,.55)}
body#checkout .js-conditions-to-approve a:hover{color:var(--diso-red)!important}

/* Buttons */
body#checkout .continue,
body#checkout .btn-primary{
  min-height:46px!important;
  padding:13px 24px!important;
  background:linear-gradient(90deg,#c91220 0%,var(--diso-red) 100%)!important;
  border:1px solid var(--diso-red)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase;
}
body#checkout .btn-secondary{
  background:#101112!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
}

/* Checkout footer: keep legal text readable without Classic white surface */
body#checkout footer#footer,
body#checkout .checkout-footer,
body#checkout footer .text-sm-center{
  background:#070808!important;
  color:rgba(255,255,255,.46)!important;
}
body#checkout footer a{color:rgba(255,255,255,.68)!important}
body#checkout footer a:hover{color:var(--diso-red)!important}

@media(max-width:991px){
  body#checkout .cart-grid-right{margin-top:18px}
  body#checkout section.checkout-step .content{padding:18px!important}
  body#checkout .form-informations{margin-left:0!important}
}
@media(max-width:767px){
  body#checkout .diso-checkout-shell{padding:12px 0 34px}
  body#checkout section.checkout-step .step-title{padding:14px 14px!important;font-size:.92rem!important}
  body#checkout section.checkout-step .content{padding:16px 13px 20px!important}
  body#checkout #checkout-personal-information-step .nav-inline{align-items:stretch;flex-wrap:wrap}
  body#checkout #checkout-personal-information-step .nav-separator{display:none}
  body#checkout #checkout-personal-information-step .nav-item{margin:0!important}
  body#checkout #checkout-personal-information-step .nav-link{width:100%;justify-content:center}
  body#checkout .form-control-label{margin-bottom:7px!important}
  body#checkout .cart-grid-right{padding-left:15px;padding-right:15px}
}

/* =========================================================
   DISOBEY 2.42.17 — unified reassurance icon system
   Replaces legacy / emoji-like blockreassurance images.
   ========================================================= */
.diso-reassurance .diso-reassurance-icon,
#block-reassurance .diso-reassurance-icon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(237,28,45,.55);
  border-radius:50%;
  background:
    radial-gradient(circle at 70% 22%,rgba(237,28,45,.18),transparent 48%),
    #0b0c0d;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgba(237,28,45,.07);
}
.diso-reassurance .diso-reassurance-icon svg,
#block-reassurance .diso-reassurance-icon svg{
  width:19px;
  height:19px;
  overflow:visible;
  fill:none;
  stroke:#f4f4f4;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.diso-reassurance .diso-reassurance-icon--shipping svg{
  stroke-width:1.55;
}
.diso-reassurance .diso-reassurance-icon--returns svg{
  stroke-width:1.8;
}
body#checkout #block-reassurance .block-reassurance-item{
  min-height:58px!important;
  gap:12px!important;
}
body#checkout #block-reassurance .diso-reassurance-icon{
  flex-basis:34px!important;
  width:34px!important;
  height:34px!important;
}
body#checkout #block-reassurance .block-reassurance-item .h6,
body#checkout #block-reassurance .block-reassurance-item span.h6{
  color:rgba(255,255,255,.88)!important;
  font-size:.72rem!important;
  line-height:1.28!important;
}
@media (max-width:767px){
  .diso-reassurance .diso-reassurance-icon,
  #block-reassurance .diso-reassurance-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
  .diso-reassurance .diso-reassurance-icon svg,
  #block-reassurance .diso-reassurance-icon svg{
    width:18px;
    height:18px;
  }
}

/* =========================================================
   DISOBEY 2.42.17 — forced reassurance fallback
   Some blockreassurance versions bypass the theme Smarty override.
   In that case hide the legacy configured images and draw the
   DISOBEY icon system directly on the rendered HTML.
   ========================================================= */
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item > img,
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item > picture,
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item > .material-icons,
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item > i:first-child{
  display:none!important;
}
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item::before{
  content:"";
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:block;
  border:1px solid rgba(237,28,45,.62);
  border-radius:50%;
  background-color:#f6f6f6;
  background-repeat:no-repeat;
  background-position:center;
  background-size:19px 19px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgba(237,28,45,.08);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:19px 19px;
  mask-size:19px 19px;
}
body#checkout #block-reassurance:not(.diso-reassurance) li:nth-child(1) .block-reassurance-item::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 19 5.2v5.4c0 4.8-2.9 8.8-7 10.9-4.1-2.1-7-6.1-7-10.9V5.2L12 2.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m8.7 11.9 2.1 2.1 4.7-4.9' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 19 5.2v5.4c0 4.8-2.9 8.8-7 10.9-4.1-2.1-7-6.1-7-10.9V5.2L12 2.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m8.7 11.9 2.1 2.1 4.7-4.9' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body#checkout #block-reassurance:not(.diso-reassurance) li:nth-child(2) .block-reassurance-item::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5h10.8v9H3zM13.8 9.2h3.5l3.7 3.6v2.7h-7.2z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Ccircle cx='7' cy='17.4' r='1.7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='17.8' cy='17.4' r='1.7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4.4 9.2h6.3M4.4 12h4.1' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.5h10.8v9H3zM13.8 9.2h3.5l3.7 3.6v2.7h-7.2z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Ccircle cx='7' cy='17.4' r='1.7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='17.8' cy='17.4' r='1.7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4.4 9.2h6.3M4.4 12h4.1' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}
body#checkout #block-reassurance:not(.diso-reassurance) li:nth-child(3) .block-reassurance-item::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.2 7.2H5V4M5.3 7.2a8 8 0 1 1-1 7.6M8.1 7.2 5 4' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.2 7.2H5V4M5.3 7.2a8 8 0 1 1-1 7.6M8.1 7.2 5 4' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item::after{
  content:"";
  position:absolute;
  width:34px;
  height:34px;
  margin-left:0;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle at 72% 24%,rgba(237,28,45,.20),transparent 50%);
}
body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item{
  position:relative!important;
}
@media(max-width:767px){
  body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item::before,
  body#checkout #block-reassurance:not(.diso-reassurance) .block-reassurance-item::after{
    width:32px;
    height:32px;
    flex-basis:32px;
    -webkit-mask-size:18px 18px;
    mask-size:18px 18px;
  }
}

/* =========================================================
   DISOBEY 2.42.18 — checkout reassurance uses the same
   visual component as the cart. This is static on checkout
   so legacy policy/emoji icons cannot reappear there.
   ========================================================= */
body#checkout .diso-reassurance--checkout-static{
  margin-top:14px!important;
}
body#checkout .diso-reassurance--checkout-static li{
  background:#0c0d0e!important;
  border:1px solid rgba(255,255,255,.10)!important;
  margin:0 0 8px!important;
}
body#checkout .diso-reassurance--checkout-static .block-reassurance-item{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
}
body#checkout .diso-reassurance--checkout-static .diso-reassurance-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px;
}
body#checkout .diso-reassurance--checkout-static .diso-reassurance-copy strong{
  color:#fff!important;
  font-size:.72rem!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
body#checkout .diso-reassurance--checkout-static .diso-reassurance-copy small{
  color:rgba(255,255,255,.58)!important;
  font-size:.62rem!important;
  line-height:1.25!important;
  font-weight:500!important;
}

/* =====================================================================
   DISOBEY PREMIUM 2.42.19 — ORDER CONFIRMATION
   ===================================================================== */
body#order-confirmation .diso-system-main{
  max-width:1420px;
  padding-top:34px;
}
body#order-confirmation .diso-system-main:before{
  background:
    radial-gradient(circle at 92% 3%,rgba(231,33,47,.16),transparent 30%),
    linear-gradient(110deg,transparent 32%,rgba(160,7,17,.06) 100%);
}
.disobey-confirmation-hero{
  display:flex;
  align-items:flex-start;
  gap:20px;
  margin:0 0 18px;
  padding:clamp(24px,3vw,38px);
  background:linear-gradient(145deg,#0d0e0f 0%,#080909 68%,rgba(62,7,12,.72) 100%);
  border:1px solid rgba(255,255,255,.11);
  border-top:2px solid var(--diso-red);
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.27);
}
.disobey-confirmation-hero__icon{
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(59,211,126,.45);
  color:#40d486;
  background:rgba(59,211,126,.07);
  font-size:1.35rem;
  font-weight:900;
}
.disobey-confirmation-eyebrow,
.disobey-order-details__eyebrow{
  display:block;
  margin:0 0 8px;
  color:var(--diso-red);
  font-size:.67rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.23em;
  text-transform:uppercase;
}
.disobey-confirmation-hero h1{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(1.8rem,3vw,3.35rem)!important;
  line-height:.95!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  text-transform:uppercase;
}
.disobey-confirmation-hero p{
  margin:0;
  max-width:860px;
  color:rgba(255,255,255,.72)!important;
  font-size:.96rem;
  line-height:1.6;
}
.disobey-confirmation-hero strong{color:#fff}
.disobey-confirmation-invoice{
  display:inline-flex;
  margin-left:8px;
  color:#fff!important;
  font-weight:800;
  border-bottom:1px solid var(--diso-red);
}

.disobey-confirmation-hook{
  margin:0 0 18px;
  padding:18px 22px;
  background:#0b0c0d;
  border:1px solid var(--diso-line);
  border-left:2px solid var(--diso-red);
  color:rgba(255,255,255,.72);
}
.disobey-confirmation-hook:empty{display:none}
.disobey-confirmation-hook p:last-child{margin-bottom:0}
.disobey-confirmation-hook a{color:#fff;border-bottom:1px solid rgba(231,33,47,.55)}

body#order-confirmation .page-order-confirmation.disobey-order-confirmation{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.disobey-order-confirmation-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,370px);
  gap:20px;
  align-items:start;
}
.disobey-order-confirmation-main,
.disobey-order-details{
  background:linear-gradient(145deg,#0e0f10,#080909);
  border:1px solid var(--diso-line);
  box-shadow:0 22px 60px rgba(0,0,0,.23);
}
.disobey-order-items{padding:0}
.disobey-order-items__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 108px 68px 108px 96px 108px;
  gap:12px;
  padding:18px 22px;
  background:rgba(255,255,255,.025);
  border-bottom:1px solid var(--diso-line);
  color:rgba(255,255,255,.48);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.disobey-order-items__head>div:not(:first-child){text-align:right}
.disobey-order-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) 108px 68px 108px 96px 108px;
  gap:12px;
  align-items:center;
  padding:22px;
  border-bottom:1px solid rgba(255,255,255,.075);
  color:#fff;
}
.disobey-order-line:last-of-type{border-bottom:0}
.disobey-order-product{
  min-width:0;
  display:flex;
  align-items:center;
  gap:18px;
}
.disobey-order-product__image{
  flex:0 0 108px;
  width:108px;
  height:132px;
  padding:5px;
  overflow:hidden;
  background:#111;
  border:1px solid rgba(255,255,255,.11);
}
.disobey-order-product__image picture,
.disobey-order-product__image img{display:block;width:100%;height:100%}
.disobey-order-product__image img{object-fit:cover}
.disobey-order-product__copy{min-width:0}
.disobey-order-product__name{
  display:block;
  color:#fff;
  font-size:.98rem;
  line-height:1.3;
  font-weight:900;
}
.disobey-order-product__attributes{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:8px;
  color:rgba(255,255,255,.58);
  font-size:.77rem;
}
.disobey-order-product__attributes b{color:rgba(255,255,255,.84)}
.disobey-order-customization-link{margin-top:10px}
.disobey-order-customization-link a{
  color:#4fd2ff!important;
  font-size:.82rem;
  font-weight:700;
}
.disobey-order-price,
.disobey-order-qty,
.disobey-order-subtotal,
.disobey-order-discount,
.disobey-order-total{
  text-align:right;
  color:#fff;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.disobey-order-subtotal{color:rgba(255,255,255,.82)}
.disobey-order-discount{color:#40d486}
.disobey-order-total{color:#fff;font-size:1.03rem}

.disobey-order-totals{
  margin:0 22px 22px auto;
  width:min(100%,460px);
  padding-top:15px;
}
.disobey-order-total-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:9px 0;
  color:rgba(255,255,255,.70);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.disobey-order-total-row strong{color:#fff;font-variant-numeric:tabular-nums}
.disobey-order-total-row.is-discount strong{color:#40d486}
.disobey-order-total-row.is-grand{
  margin-top:8px;
  padding:15px 0 7px;
  color:#fff;
  border-top:1px solid rgba(231,33,47,.55);
  border-bottom:0;
  font-size:1.08rem;
  font-weight:900;
  text-transform:uppercase;
}
.disobey-order-total-row.is-grand strong{font-size:1.25rem}
.disobey-order-total-row.is-tax{border-bottom:0;font-size:.78rem;color:rgba(255,255,255,.48)}

.disobey-order-details{
  position:sticky;
  top:24px;
  padding:24px;
  border-top:2px solid var(--diso-red);
}
.disobey-order-details h2{
  margin:0 0 20px!important;
  color:#fff!important;
  font-size:1.4rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-transform:uppercase;
}
.disobey-order-details__list{border-top:1px solid var(--diso-line)}
.disobey-order-detail-row{
  display:grid;
  gap:4px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.disobey-order-detail-row span{
  color:rgba(255,255,255,.43);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.disobey-order-detail-row strong{color:#fff;font-size:.88rem;word-break:break-word}
.disobey-order-detail-row small{color:rgba(255,255,255,.56)!important;font-size:.75rem}
.disobey-order-detail-note{
  margin-top:14px;
  padding:12px 14px;
  color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.025);
  border-left:2px solid var(--diso-red);
  font-size:.78rem;
}
.disobey-order-actions{display:grid;gap:9px;margin-top:22px}
.disobey-order-btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.disobey-order-btn:hover{transform:translateY(-1px);color:#fff!important}
.disobey-order-btn--primary{background:var(--diso-red);border:1px solid var(--diso-red);color:#fff!important}
.disobey-order-btn--primary:hover{background:#ff2837;border-color:#ff2837}
.disobey-order-btn--ghost{background:transparent;border:1px solid rgba(231,33,47,.6);color:#fff!important}
.disobey-order-btn--ghost:hover{background:rgba(231,33,47,.08)}

.disobey-confirmation-hook--payment,
.disobey-confirmation-account,
.disobey-confirmation-footer-hook{
  margin-top:20px;
  background:linear-gradient(145deg,#0d0e0f,#080909);
  border:1px solid var(--diso-line);
  color:#fff;
}
.disobey-confirmation-account{padding:24px}
.disobey-confirmation-footer-hook:empty{display:none}

/* Customization modal on order confirmation */
body#order-confirmation .disobey-customization-modal .modal-content{
  background:#0d0e0f!important;
  color:#fff!important;
  border:1px solid rgba(231,33,47,.45)!important;
  border-radius:0!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
body#order-confirmation .disobey-customization-modal .modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--diso-line)!important;
}
body#order-confirmation .disobey-customization-modal .modal-title{color:#fff!important;font-weight:900}
body#order-confirmation .disobey-customization-modal .close{color:#fff!important;opacity:1;text-shadow:none}
body#order-confirmation .disobey-customization-modal .product-customization-line{
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
body#order-confirmation .disobey-customization-modal .label{color:rgba(255,255,255,.48)!important;font-weight:800}
body#order-confirmation .disobey-customization-modal .value{color:#fff!important}

@media (max-width:991px){
  .disobey-order-confirmation-grid{grid-template-columns:1fr}
  .disobey-order-details{position:relative;top:auto}
  .disobey-order-items__head{grid-template-columns:minmax(0,1fr) 94px 58px 94px 84px 94px}
  .disobey-order-line{grid-template-columns:minmax(0,1fr) 94px 58px 94px 84px 94px}
}
@media (max-width:767px){
  body#order-confirmation .diso-system-main{padding-left:14px;padding-right:14px}
  .disobey-confirmation-hero{gap:13px;padding:20px 17px}
  .disobey-confirmation-hero__icon{flex-basis:38px;width:38px;height:38px}
  .disobey-confirmation-hero h1{font-size:1.65rem!important}
  .disobey-order-items__head{display:none}
  .disobey-order-line{
    grid-template-columns:1fr 1fr;
    gap:14px 12px;
    padding:17px;
  }
  .disobey-order-product{grid-column:1/-1;align-items:flex-start}
  .disobey-order-total{grid-column:1/-1;padding-top:4px;border-top:1px solid rgba(255,255,255,.07)}
  .disobey-order-product__image{flex-basis:82px;width:82px;height:104px}
  .disobey-order-price,.disobey-order-qty,.disobey-order-subtotal,.disobey-order-discount,.disobey-order-total{text-align:left}
  .disobey-order-price:before,.disobey-order-qty:before,.disobey-order-subtotal:before,.disobey-order-discount:before,.disobey-order-total:before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    color:rgba(255,255,255,.38);
    font-size:.58rem;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .disobey-order-totals{width:auto;margin:0 17px 17px}
}

/* CMSTON 3D customer render thumbnail — 2.42.22 */
.cmston-order-render-preview{
  object-fit:contain!important;
  object-position:center!important;
  background:#b9b9b9;
}
.product-line-grid-left .cmston-order-render-preview,
.cart-summary .cmston-order-render-preview,
#blockcart-modal .cmston-order-render-preview{
  width:100%;
  height:100%;
  max-width:100%;
}