:root{
  --navy:#131921;
  --navy2:#232f3e;
  --ink:#0f1111;
  --muted:#565959;
  --line:#d5d9d9;
  --soft:#f7f8f8;
  --panel:#f3f3f3;
  --blue:#007185;
  --green:#067d62;
  --red:#b12704;
  --orange:#ffa41c;
  --yellow:#ffd814;
  --yellow-hover:#f7ca00;
  --focus:#007185;
}
*{box-sizing:border-box}
html{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0;background:linear-gradient(90deg,#fff 0,#fff 57%,#f7f8f8 57%,#f7f8f8 100%);min-height:100vh}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
.shell{width:min(1120px,calc(100% - 36px));margin:0 auto}
[hidden]{display:none!important}

/* Header */
.checkout-header{background:var(--navy);border-bottom:1px solid #0b1118}
.header-inner{min-height:54px;display:flex;align-items:center;padding:6px 0}
.header-trustpilot-primary{display:flex;align-items:center;background:#fff;border-radius:4px;padding:4px 8px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.header-trustpilot-primary img{display:block;width:min(410px,42vw);height:auto}

/* Urgency */
.urgency-wrap{background:#fff;border-bottom:1px solid #eaeded}
.urgency-wrap .shell{padding:9px 0}
.urgency-card{border:1px solid #ecd8a8;background:#fffaf0;border-radius:6px;padding:8px 11px}
.urgency-message{display:flex;align-items:center;gap:7px;color:#6f5318;font-size:11px;line-height:1.35}
.urgency-message strong{font-size:11px}
.urgency-icon{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#f08804;color:#fff;font-weight:900;font-size:11px}
.urgency-message.urgency-expired{color:#8a3700}
.urgency-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:7px}
.urgency-track{height:6px;background:#e3e6e6;border-radius:999px;overflow:hidden}
.urgency-track span{display:block;height:100%;background:#f08804;border-radius:inherit;transition:width .5s ease}
.urgency-sold{font-size:10px;color:#6f5318;white-space:nowrap}

/* Mobile summary */
.mobile-summary-toggle,.mobile-summary-panel{display:none}
.mobile-summary-toggle{border:0}
.bag-icon{color:var(--blue)}

/* Main layout */
.checkout-grid{display:grid;grid-template-columns:minmax(0,620px) minmax(340px,1fr);gap:52px;align-items:start}
.checkout-main{padding:28px 0 54px}
.checkout-sidebar{padding:28px 0 60px}
.summary-sticky{position:sticky;top:18px}
.form-section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #eaeded}
.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.section-head h1,.section-head h2{margin:0;font-size:22px;line-height:1.25;font-weight:700;color:var(--ink)}
.section-sub{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.step-pill{border:1px solid #c7c7c7;background:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;color:#565959;white-space:nowrap}

/* Fields */
.field{display:block;margin-bottom:12px}
.field>span{display:block;font-size:12px;font-weight:700;margin:0 0 5px;color:#0f1111}
.field small{font-weight:400;color:#6f7373}
.field input,.field select{width:100%;height:42px;border:1px solid #888c8c;border-radius:4px;background:#fff;padding:0 10px;outline:none;font-size:13px;box-shadow:0 1px 2px rgba(15,17,17,.08) inset}
.field input:focus,.field select:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(0,113,133,.16),0 1px 2px rgba(15,17,17,.08) inset}
.field.invalid input,.field.invalid select{border-color:#cc0c39;box-shadow:0 0 0 1px #cc0c39}
.field-error{display:none;color:#cc0c39;font-size:11px;font-style:normal;margin:5px 0 0}
.field.invalid .field-error{display:block}
.field-grid{display:grid;gap:10px}
.field-grid.two{grid-template-columns:1fr 1fr}
.city-row{grid-template-columns:1.05fr .95fr .8fr}

/* Shipping */
.shipping-card{border:1px solid #888c8c;border-radius:7px;padding:12px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#f7fafa;margin-top:14px;box-shadow:0 0 0 2px rgba(0,113,133,.08)}
.radio-dot{width:16px;height:16px;border-radius:50%;border:5px solid var(--blue);background:#fff;display:inline-block}
.shipping-card b{display:block;font-size:13px}
.shipping-card small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.shipping-card strong{font-size:12px;color:var(--green)}

/* Payment */
.payment-box{border:1px solid #888c8c;border-radius:7px;overflow:hidden;background:#fff}
.payment-box-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:#f7f8f8;border-bottom:1px solid var(--line);gap:14px}
.pay-choice{display:flex;align-items:center;gap:9px;font-size:13px}
.card-icons{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.card-icons img{display:block;width:auto;height:25px;max-width:40px;object-fit:contain;border-radius:3px}
.payment-fields{padding:12px;background:#fff}
.input-icon-wrap{position:relative}
.input-icon-wrap input{padding-right:35px}
.input-icon-wrap i{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal;color:#687078;font-size:11px;font-weight:700}

/* Credibility strip */
.payment-security-seals{margin:9px 0 0;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:#fff}
.security-seals-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.security-seals-row img{display:block;width:auto;height:26px;max-width:104px;object-fit:contain}
.security-seals-row .bbb-inline-badge{height:31px;max-width:78px}
.security-seals-row .google-inline-badge{height:auto;width:205px;max-width:100%}

.check-row{display:flex;align-items:center;gap:8px;color:#0f1111;font-size:12px;cursor:pointer}
.check-row input{width:17px;height:17px;margin:0;accent-color:var(--blue)}
.billing-toggle{margin:13px 1px 17px}
.billing-address-panel{border:1px solid var(--line);background:#f7f8f8;border-radius:7px;padding:14px;margin:-4px 0 17px}
.billing-address-panel h3{font-size:14px;margin:0 0 12px}

/* Main CTA - directly congruent with lander's Buy Now button */
.complete-order{width:100%;min-height:48px;border-radius:999px;border:1px solid #ff8f00;background:var(--orange);color:#0f1111;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 20px;box-shadow:0 2px 5px rgba(15,17,17,.15);transition:background .12s,box-shadow .12s,transform .12s;margin-top:12px}
.complete-order:hover{background:#fa8900;box-shadow:0 2px 6px rgba(15,17,17,.22)}
.complete-order:active{transform:translateY(1px)}
.complete-order:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* Post-CTA reassurance */
.purchase-reassurance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}
.purchase-reassurance>div{border:1px solid #d5d9d9;border-radius:7px;background:#f7f8f8;padding:10px 9px;display:flex;gap:7px;align-items:flex-start;min-height:58px}
.purchase-reassurance>div>span{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#eaf7f2;color:#067d62;display:grid;place-items:center;font-size:11px;font-weight:900}
.purchase-reassurance p{margin:0}
.purchase-reassurance b{display:block;font-size:10.5px;line-height:1.25;color:#0f1111}
.purchase-reassurance small{display:block;margin-top:2px;color:#565959;font-size:9.5px;line-height:1.3}

/* Help + decline */
.checkout-help-block{margin-top:15px;border-top:1px solid #eaeded;padding-top:15px}
.help-row{display:flex;gap:10px;align-items:flex-start}
.help-icon{width:28px;height:28px;border-radius:50%;background:#eef7f8;color:#007185;display:grid;place-items:center;flex:0 0 28px;font-size:14px}
.help-row b{display:block;font-size:12px}
.help-row p{margin:3px 0 0;font-size:11px;line-height:1.45;color:#565959}
.decline-help{margin-top:12px;border:1px solid #e0b589;background:#fff7ed;border-radius:7px;padding:13px}
.decline-help>b{display:block;font-size:12px;color:#8a3700}
.decline-help>p{font-size:11px;line-height:1.45;color:#6f5318;margin:5px 0 10px}
.decline-solutions{display:grid;gap:8px}
.decline-solutions>div{display:grid;grid-template-columns:21px 1fr;gap:8px;align-items:start}
.decline-solutions>div>span{width:21px;height:21px;border-radius:50%;background:#fff;border:1px solid #d5a56b;display:grid;place-items:center;font-size:10px;font-weight:700;color:#8a3700}
.decline-solutions p{margin:0}
.decline-solutions strong{display:block;font-size:11px}
.decline-solutions small{display:block;font-size:10px;line-height:1.4;color:#6f5318;margin-top:2px}
.terms-copy{text-align:center;color:#6f7373;font-size:10px;line-height:1.45;margin:12px 10px 0}

/* Summary */
.summary-card{border:1px solid #d5d9d9;background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 2px rgba(15,17,17,.06)}
.summary-card h2{font-size:18px;margin:0 0 17px;font-weight:700}
.product-list{display:grid;gap:13px}
.summary-product{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:11px;align-items:center}
.summary-img{width:62px;height:62px;border:1px solid #d5d9d9;border-radius:6px;background:#fff;position:relative}
.summary-img img{width:100%;height:100%;display:block;object-fit:contain;border-radius:5px}
.summary-img .fallback{width:100%;height:100%;display:grid;place-items:center;color:#879096}
.qty-badge{position:absolute;right:-7px;top:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#565959;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;border:2px solid #fff}
.product-copy{min-width:0}
.product-copy b{display:block;font-size:12px;line-height:1.35}
.summary-product>strong{font-size:12px;white-space:nowrap}
.totals{margin-top:17px;padding:15px 0;border-top:1px solid #eaeded;border-bottom:1px solid #eaeded;display:grid;gap:9px}
.totals>div{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}
.totals>div span{color:#565959}
.totals .free{color:#067d62}
.totals .total-line{margin-top:4px;align-items:end}
.totals .total-line>span{font-weight:700;color:#0f1111;font-size:14px}
.totals .total-line small{font-size:9px;color:#6f7373;margin-left:3px}
.totals .total-line strong{font-size:22px;color:#b12704}
.summary-benefits{display:grid;gap:9px;padding-top:14px}
.summary-benefits>div{display:flex;gap:8px;align-items:flex-start}
.summary-benefits>div>span{color:#067d62;font-weight:700;font-size:12px}
.summary-benefits p{margin:0}
.summary-benefits b{display:block;font-size:11px}
.summary-benefits small{display:block;color:#565959;font-size:10px;line-height:1.4;margin-top:1px}

/* Footer */
.checkout-footer{background:var(--navy2);color:#ddd;border-top:1px solid #1b2634}
.footer-inner{padding:22px 0;text-align:center}
.footer-inner p{margin:0;font-size:10px;line-height:1.6;color:#ddd}
.footer-inner span{margin:0 5px;color:#8d98a5}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);background:#0f1111;color:#fff;border-radius:4px;padding:10px 13px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:100}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){
  body{background:#fff}
  .shell{width:min(100% - 26px,680px)}
  .header-inner{min-height:48px}
  .header-trustpilot-primary img{width:min(390px,74vw)}
  .checkout-grid{display:block}
  .checkout-sidebar{display:none}
  .checkout-main{padding:23px 0 48px}
  .mobile-summary-toggle{display:flex;width:100%;height:52px;background:#f3f3f3;border-bottom:1px solid #d5d9d9;padding:0 max(13px,calc((100vw - 680px)/2));align-items:center;justify-content:space-between;font-size:12px}
  .mobile-summary-toggle>span{display:flex;align-items:center;gap:6px;font-weight:700;color:#007185}
  .mobile-summary-toggle strong{font-size:13px;color:#0f1111}
  .mobile-summary-panel{display:block;background:#f7f8f8;border-bottom:1px solid #d5d9d9}
  .mobile-summary-inner{width:min(100% - 26px,680px);margin:auto;padding:14px 0 16px}
  .mobile-summary-panel .summary-card{box-shadow:none}
  .mobile-summary-panel .summary-card h2{display:none}
}

@media(max-width:580px){
  .shell{width:calc(100% - 20px)}
  .header-inner{min-height:44px;padding:4px 0}
  .header-trustpilot-primary{padding:3px 6px}
  .header-trustpilot-primary img{width:min(330px,84vw)}
  .urgency-wrap .shell{padding:7px 0}
  .urgency-card{padding:7px 9px}
  .urgency-message,.urgency-message strong{font-size:10px}
  .urgency-icon{width:15px;height:15px;font-size:9px}
  .checkout-main{padding-top:19px}
  .form-section{padding-bottom:24px;margin-bottom:24px}
  .section-head h1,.section-head h2{font-size:20px}
  .field-grid.two,.city-row{grid-template-columns:1fr}
  .payment-box-head{align-items:flex-start;flex-direction:column}
  .card-icons{justify-content:flex-start}
  .purchase-reassurance{grid-template-columns:1fr}
  .purchase-reassurance>div{min-height:0}
  .security-seals-row{gap:8px}
  .security-seals-row img{height:23px;max-width:88px}
  .security-seals-row .bbb-inline-badge{height:27px;max-width:66px}
  .security-seals-row .google-inline-badge{width:175px;height:auto;max-width:100%}
  .summary-card{padding:15px}
  .summary-product{grid-template-columns:55px minmax(0,1fr) auto}
  .summary-img{width:55px;height:55px}
  .footer-inner{padding:18px 0}
  .footer-inner p{font-size:9px}
}


/* Review-platform placement refinement */
.header-inner{min-height:28px;padding:0}
.header-trustpilot-primary{display:none!important}
.review-rating-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;padding:14px 16px;border:1px solid #d5d9d9;border-radius:7px;background:#fff;align-items:center}
.review-rating-item{min-width:0;display:flex;align-items:center;justify-content:center}
.review-rating-item img{display:block;width:100%;max-width:340px;height:58px;object-fit:contain}
@media(max-width:900px){.header-inner{min-height:24px}.review-rating-item img{max-width:310px;height:54px}}
@media(max-width:580px){.header-inner{min-height:20px}.review-rating-row{grid-template-columns:1fr;gap:9px;padding:10px 12px}.review-rating-item img{max-width:320px;height:50px}}


/* Review badges: allocate width by source aspect ratio so both badges render
   at a similar visual height and use the available row instead of floating
   inside oversized equal-width cells. */
.review-rating-row{
  grid-template-columns:minmax(0,2.55fr) minmax(0,1fr);
  gap:10px;
  padding:8px 10px;
}
.review-rating-item{width:100%;overflow:hidden}
.review-rating-item img{
  width:100%;
  max-width:none;
  height:auto;
  object-fit:contain;
}
@media(max-width:900px){
  .review-rating-row{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:8px;padding:7px 9px}
  .review-rating-item img{max-width:none;height:auto}
}
@media(max-width:580px){
  .review-rating-row{grid-template-columns:1fr;gap:8px;padding:8px 9px}
  .review-rating-item:first-child img{width:100%}
  .review-rating-item:last-child img{width:min(72%,360px);margin:0 auto}
}


/* ===== PuraLuxe checkout UX QA layer ===== */
[hidden]{display:none!important}
.req{color:#d92d20;font-weight:900;margin-left:2px}
.field{position:relative;scroll-margin-top:96px}
.field.invalid input,.field.invalid select{border-color:#d92d20!important;box-shadow:0 0 0 2px rgba(217,45,32,.09)!important;background:#fffafa!important}
.field.invalid>span{color:#b42318}
.field.valid input,.field.valid select{border-color:#159447!important;box-shadow:0 0 0 2px rgba(21,148,71,.07)!important}
.field.valid>span::after{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;border-radius:50%;background:#159447;color:#fff;font-size:11px;font-weight:900;vertical-align:1px}
.field.invalid>span::after{display:none!important}
.field-error{font-style:normal}
.is-state-field.is-hidden{display:none!important}
.city-row.state-hidden{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}

.px-required-summary{margin:0 0 16px;padding:12px 14px;border:1px solid #d92d20;border-radius:10px;background:#fff8f7;color:#7a271a}
.px-required-summary strong{display:block;margin-bottom:5px;font-size:14px}.px-required-summary ul{margin:0;padding-left:18px}.px-required-summary li{margin:2px 0;font-size:13px;line-height:1.35}
.px-checkout-error-banner{position:sticky;top:6px;z-index:50;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;margin:0 0 16px;padding:13px 14px;border:1px solid #d92d20;border-radius:10px;background:#fff5f5;color:#7a271a;box-shadow:0 8px 24px rgba(16,24,40,.12)}
.px-error-banner-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d92d20;color:#fff;font-weight:900}.px-error-banner-copy strong{display:block;margin-bottom:2px;font-size:14px}.px-error-banner-copy p{margin:0;font-size:13px;line-height:1.4}.px-error-banner-close{border:0;background:transparent;color:#8a1c13;width:32px;height:32px;padding:0;border-radius:6px;font-size:24px;line-height:1;cursor:pointer}

.payment-fields .input-icon-wrap{position:relative}.payment-fields .input-icon-wrap:has(#pxCardBrand) input{padding-right:62px!important}.px-card-brand{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.px-card-brand img{display:block;width:auto;height:24px;max-width:44px;object-fit:contain}.card-icons img{transition:opacity .16s ease,transform .16s ease}.card-icons:has(img.is-detected) img:not(.is-detected){opacity:.3}.card-icons img.is-detected{transform:scale(1.08)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.complete-order,.complete-order:disabled{background:#159447!important;border-color:#159447!important;color:#fff!important;opacity:1!important;cursor:pointer!important}.complete-order:hover{background:#117c3b!important;border-color:#117c3b!important}.complete-order.processing,.complete-order.processing:disabled{background:#117c3b!important;cursor:wait!important;opacity:.9!important}

@media(max-width:700px){.city-row.state-hidden{grid-template-columns:1fr!important}.px-required-summary li,.px-error-banner-copy p{font-size:14px}.px-checkout-error-banner{top:4px;padding:12px}.payment-fields input,.payment-fields select{font-size:16px!important}}


/* 2026-08-28 mobile trust readability release */
@media (max-width: 640px){
  .checkout-header .header-inner{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px 0 !important;
    margin:0 auto !important;
    display:block !important;
  }

  .checkout-header .header-trustpilot-primary,
  .px-mobile-trust-header .header-trustpilot-primary{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .checkout-header .header-trustpilot-primary img,
  .px-mobile-trust-header .header-trustpilot-primary img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 auto !important;
  }

  .payment-security-seals{
    width:100% !important;
    box-sizing:border-box !important;
    padding:14px 12px !important;
    margin-top:12px !important;
  }

  .payment-security-seals .security-seals-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 14px !important;
    align-items:center !important;
    justify-items:center !important;
  }

  .payment-security-seals .security-seals-row img{
    display:block !important;
    width:100% !important;
    max-width:150px !important;
    height:48px !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .payment-security-seals .security-seals-row .bbb-inline-badge{
    width:100% !important;
    max-width:145px !important;
    height:52px !important;
  }

  .payment-security-seals .security-seals-row .google-inline-badge{
    grid-column:1 / -1 !important;
    width:min(100%,360px) !important;
    max-width:360px !important;
    height:auto !important;
    max-height:none !important;
    margin-top:2px !important;
  }
}


/* Mobile readability + clean order summary control */
@media (max-width: 768px){
  html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body{
    font-size:17px !important;
    line-height:1.5 !important;
  }

  .shell,
  .checkout-main,
  .checkout-grid{
    font-size:17px !important;
  }

  h1{
    font-size:28px !important;
    line-height:1.2 !important;
  }

  h2{
    font-size:25px !important;
    line-height:1.22 !important;
  }

  h3{
    font-size:21px !important;
    line-height:1.25 !important;
  }

  .section-sub,
  .field small,
  .shipping-card small,
  .trust-copy,
  .support-copy,
  .order-summary small,
  .summary-item small,
  .px-error-banner-copy p,
  .px-required-summary li{
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .field > span,
  .field label,
  label.field > span{
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:650 !important;
  }

  input,
  select,
  textarea{
    font-size:18px !important;
    min-height:58px !important;
    line-height:1.25 !important;
  }

  input::placeholder,
  textarea::placeholder{
    font-size:17px !important;
  }

  .shipping-card{
    min-height:64px !important;
  }

  .shipping-card b,
  .pay-choice b{
    font-size:17px !important;
  }

  .step-pill{
    font-size:14px !important;
    min-width:48px !important;
    min-height:32px !important;
    padding:6px 10px !important;
  }

  .complete-order{
    min-height:62px !important;
    font-size:19px !important;
    line-height:1.2 !important;
    letter-spacing:.01em !important;
  }

  .check-row,
  .billing-toggle{
    font-size:16px !important;
    line-height:1.4 !important;
  }

  .mobile-summary-toggle{
    min-height:68px !important;
    padding:14px 16px !important;
    font-size:18px !important;
  }

  .mobile-summary-label{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
  }

  .mobile-summary-chevron{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:24px !important;
    height:24px !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:800 !important;
    transform:none !important;
  }

  .mobile-summary-toggle[aria-expanded="true"] .mobile-summary-chevron{
    transform:rotate(180deg) !important;
  }

  .mobile-summary-toggle strong,
  .mobile-summary-total{
    font-size:18px !important;
    font-weight:800 !important;
  }

  .px-field-error{
    font-size:15px !important;
    line-height:1.4 !important;
    margin-top:7px !important;
  }

  .px-checkout-error-banner{
    font-size:16px !important;
  }

  .px-error-banner-copy strong,
  .px-required-summary strong{
    font-size:16px !important;
  }

  .px-field-success{
    width:24px !important;
    height:24px !important;
    font-size:15px !important;
  }

  .order-summary,
  .order-summary *{
    line-height:1.4;
  }

  .order-summary .item-name,
  .summary-item-name{
    font-size:15px !important;
  }

  .order-summary .price,
  .summary-price{
    font-size:16px !important;
  }

  .support-box,
  .guarantee-card,
  .trust-card{
    font-size:15px !important;
  }
}


/* =========================================================
   CLEAN BASELINE — MOBILE FIXES V2
   Requested mobile-only layout/readability fixes
   ========================================================= */
@media (max-width: 768px){
  /* 1) Trustpilot badge + urgency box exactly same content width */
  .checkout-header .header-inner,
  .urgency-wrap .shell{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .checkout-header .header-trustpilot-primary,
  .urgency-wrap .urgency-card{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .checkout-header .header-trustpilot-primary img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
  }

  /* 2) Give floating labels breathing room from typed/placeholder text */
  .field > span,
  label.field > span{
    top:7px !important;
    line-height:1.1 !important;
  }

  .field input,
  .field select,
  .field textarea{
    min-height:60px !important;
    padding-top:27px !important;
    padding-bottom:8px !important;
  }

  .field input::placeholder,
  .field textarea::placeholder{
    font-size:16px !important;
    line-height:1.2 !important;
  }

  /* 3) Headings exactly 1.5px smaller than this baseline */
  .section-head h1{
    font-size:26.5px !important;
  }
  .section-head h2{
    font-size:23.5px !important;
  }
  .section-head h3,
  .billing-address-panel h3{
    font-size:19.5px !important;
  }

  /* 4) Security credentials: Norton / McAfee / BBB in one even row */
  .payment-security-seals{
    padding:12px !important;
  }

  .payment-security-seals .security-seals-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:center !important;
    justify-items:center !important;
    width:100% !important;
  }

  .payment-security-seals .security-seals-row img:not(.google-inline-badge){
    width:100% !important;
    max-width:104px !important;
    height:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  .payment-security-seals .security-seals-row .bbb-inline-badge{
    width:100% !important;
    max-width:104px !important;
    height:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  .payment-security-seals .security-seals-row .google-inline-badge{
    grid-column:1 / -1 !important;
    display:block !important;
    width:min(100%,320px) !important;
    max-width:320px !important;
    height:auto !important;
    margin-top:6px !important;
  }

  /* 5) Billing checkbox and text stay on same line */
  .billing-toggle.check-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .billing-toggle.check-row input{
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    flex:0 0 20px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .billing-toggle.check-row span{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* 6) Reassurance cards stack vertically and use normal field-label sizing */
  .purchase-reassurance{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:16px !important;
  }

  .purchase-reassurance > div{
    min-height:68px !important;
    padding:14px 15px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

  .purchase-reassurance > div > span{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    display:grid !important;
    place-items:center !important;
    font-size:18px !important;
  }

  .purchase-reassurance p{
    margin:0 !important;
  }

  .purchase-reassurance b,
  .purchase-reassurance small{
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .purchase-reassurance small{
    margin-top:3px !important;
  }

  /* 7) Help block readable at the same visual scale */
  .checkout-help-block{
    margin-top:16px !important;
  }

  .checkout-help-block .help-row{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    padding:16px !important;
  }

  .checkout-help-block .help-icon{
    width:40px !important;
    height:40px !important;
    font-size:19px !important;
  }

  .checkout-help-block .help-row b{
    font-size:16px !important;
    line-height:1.35 !important;
  }

  .checkout-help-block .help-row p{
    margin-top:5px !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }

  /* 8) Terms + footer details readable, not tiny fine print */
  .terms-copy{
    margin:16px 8px 0 !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .checkout-footer .footer-inner{
    padding:20px 10px 24px !important;
  }

  .checkout-footer .footer-inner p{
    font-size:15px !important;
    line-height:1.55 !important;
    font-weight:500 !important;
  }

  .checkout-footer .footer-inner span{
    margin:0 4px !important;
  }

  /* 9) Summary toggle / panel: explicit reliable mobile presentation */
  .mobile-summary-toggle{
    position:relative !important;
    z-index:2 !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }

  .mobile-summary-panel[hidden]{
    display:none !important;
  }

  .mobile-summary-panel:not([hidden]){
    display:block !important;
    width:100% !important;
  }
}


/* MOBILE V3 — user-directed cleanup */
@media (max-width:580px){

  /* Section headings: 2px smaller than V2 */
  .section-head h1{
    font-size:24.5px !important;
  }
  .section-head h2{
    font-size:21.5px !important;
  }

  /* Stock banner: only the percentage line, sized like field labels */
  .urgency-wrap .shell{
    padding:7px 0 !important;
  }

  .urgency-card{
    padding:11px 12px !important;
  }

  .urgency-progress-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:7px !important;
  }

  .urgency-sold{
    order:-1 !important;
    display:block !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .urgency-track{
    width:100% !important;
  }

  /* The four reassurance/support boxes now share one visual language */
  .purchase-reassurance{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .purchase-reassurance > div,
  .checkout-help-block .help-row{
    min-height:70px !important;
    padding:14px !important;
    border:1px solid #d9e8df !important;
    border-radius:12px !important;
    background:#fbfffc !important;
    box-shadow:none !important;
  }

  .purchase-reassurance > div{
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
  }

  .purchase-reassurance > div > span,
  .checkout-help-block .help-icon{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#e9f7ef !important;
    color:#159447 !important;
    border:1px solid #c7ead5 !important;
    font-size:17px !important;
    font-weight:900 !important;
  }

  .purchase-reassurance p{
    margin:0 !important;
  }

  .purchase-reassurance b,
  .purchase-reassurance small,
  .checkout-help-block .help-row b{
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .purchase-reassurance small{
    display:block !important;
    margin-top:3px !important;
    color:#6f7373 !important;
    font-weight:400 !important;
  }

  .checkout-help-block{
    margin-top:10px !important;
  }

  .checkout-help-block .help-row{
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
  }

  .checkout-help-block .help-row b{
    display:block !important;
    font-weight:700 !important;
  }

  /* Summary toggle must visibly open/close */
  .mobile-summary-panel[hidden]{
    display:none !important;
  }

  .mobile-summary-panel:not([hidden]){
    display:block !important;
  }
}


/* MOBILE V4 — user-directed refinements */
@media (max-width:580px){

  /* Stock card: no extra divider, two-sided meta row */
  .urgency-card{
    border-top:0 !important;
  }

  .urgency-card::before,
  .urgency-card hr,
  .urgency-message,
  .urgency-divider{
    display:none !important;
  }

  .urgency-stock-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:8px !important;
  }

  .urgency-left-count,
  .urgency-sold{
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .urgency-left-count{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    color:#b42318 !important;
  }

  .scarcity-dot{
    width:9px !important;
    height:9px !important;
    min-width:9px !important;
    border-radius:50% !important;
    background:#d93025 !important;
    box-shadow:0 0 0 0 rgba(217,48,37,.45) !important;
    animation:pxScarcityPulse 1.4s infinite !important;
  }

  @keyframes pxScarcityPulse{
    0%{ box-shadow:0 0 0 0 rgba(217,48,37,.45); }
    70%{ box-shadow:0 0 0 7px rgba(217,48,37,0); }
    100%{ box-shadow:0 0 0 0 rgba(217,48,37,0); }
  }

  .urgency-sold{
    margin:0 !important;
    text-align:right !important;
    color:#d93025 !important;
  }

  /* Moved Trustpilot badge under Google rating */
  .payment-security-seals .moved-trustpilot-badge{
    grid-column:1 / -1 !important;
    display:block !important;
    width:100% !important;
    max-width:330px !important;
    height:auto !important;
    margin:10px auto 0 !important;
  }

  /* Billing toggle above shipping method */
  .billing-toggle,
  .check-row{
    margin:8px 0 12px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
  }

  .billing-toggle input,
  .check-row input{
    flex:0 0 auto !important;
  }

  /* Support becomes same visual card as the other three */
  .checkout-help-block{
    margin-top:10px !important;
  }

  .checkout-help-block .help-row{
    min-height:70px !important;
    padding:14px !important;
    border:1px solid #d9e8df !important;
    border-radius:12px !important;
    background:#fbfffc !important;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
  }

  .checkout-help-block .help-icon{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#e9f7ef !important;
    color:#159447 !important;
    border:1px solid #c7ead5 !important;
    font-size:17px !important;
    font-weight:900 !important;
  }

  .checkout-help-block .help-copy b,
  .checkout-help-block .help-copy small{
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .checkout-help-block .help-copy b{
    display:block !important;
    font-weight:700 !important;
  }

  .checkout-help-block .help-copy small{
    display:block !important;
    margin-top:3px !important;
    color:#6f7373 !important;
    font-weight:400 !important;
  }
}


/* V4.1 — stock scarcity component structural fix */
.urgency-card{
  padding:14px 16px !important;
}

.urgency-progress-row{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.urgency-stock-meta{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  width:100% !important;
  margin:0 0 10px !important;
}

.urgency-left-count{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  color:#b42318 !important;
  white-space:nowrap !important;
}

.scarcity-dot{
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  min-height:9px !important;
  border-radius:50% !important;
  background:#d93025 !important;
  box-shadow:0 0 0 0 rgba(217,48,37,.45) !important;
  animation:pxScarcityPulse 1.35s infinite !important;
}

.urgency-sold{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  text-align:right !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  color:#d93025 !important;
  white-space:nowrap !important;
}

.urgency-track{
  display:block !important;
  width:100% !important;
  height:9px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

.urgency-track > span,
#urgencyFill{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
}

.urgency-message,
.urgency-divider,
.urgency-card::before{
  display:none !important;
  content:none !important;
}

@keyframes pxScarcityPulse{
  0%{box-shadow:0 0 0 0 rgba(217,48,37,.45)}
  70%{box-shadow:0 0 0 7px rgba(217,48,37,0)}
  100%{box-shadow:0 0 0 0 rgba(217,48,37,0)}
}

@media(max-width:580px){
  .urgency-card{
    padding:13px 14px !important;
  }
  .urgency-stock-meta{
    margin-bottom:8px !important;
  }
  .urgency-left-count,
  .urgency-sold{
    font-size:15px !important;
  }
}


/* V4.2 — stronger visible scarcity pulse */
.scarcity-dot{
  position:relative !important;
  display:inline-block !important;
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  min-height:10px !important;
  border-radius:50% !important;
  background:#d93025 !important;
  box-shadow:none !important;
  animation:pxDotBeat 1.15s ease-in-out infinite !important;
  overflow:visible !important;
}

.scarcity-dot::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:rgba(217,48,37,.32) !important;
  transform:translate(-50%,-50%) scale(1) !important;
  opacity:.85 !important;
  animation:pxDotRing 1.15s ease-out infinite !important;
  pointer-events:none !important;
}

@keyframes pxDotBeat{
  0%,100%{transform:scale(1)}
  50%{transform:scale(.82)}
}

@keyframes pxDotRing{
  0%{transform:translate(-50%,-50%) scale(1);opacity:.75}
  70%{transform:translate(-50%,-50%) scale(2.6);opacity:0}
  100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}
}


/* V4.3 — final trustpilot + support cleanup */
@media (max-width:580px){
  .payment-security-seals .moved-trustpilot-badge{
    display:block !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:14px 0 0 !important;
    object-fit:contain !important;
  }

  .payment-security-seals{
    overflow:visible !important;
  }

  .security-seals-row{
    width:100% !important;
  }
}


/* V4.4 — exact HTML fix: Trustpilot width + remove CVV helper */
@media (max-width:580px){
  .payment-security-seals .security-seals-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    gap:10px !important;
    align-items:center !important;
  }

  .payment-security-seals .google-inline-badge{
    grid-column:1 / -1 !important;
    justify-self:center !important;
    width:min(100%, 300px) !important;
    height:auto !important;
  }

  .payment-security-seals img.moved-trustpilot-badge{
    display:block !important;
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }
}


/* V4.5 — Trustpilot moved OUTSIDE security-seals-row so badge-size rules cannot shrink it */
@media (max-width:580px){
  .payment-security-seals .trustpilot-full-row{
    display:block !important;
    width:100% !important;
    margin:14px 0 0 !important;
    padding:0 !important;
  }

  .payment-security-seals .trustpilot-full-row > img.moved-trustpilot-badge{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }
}


/* V4.6 — fix trust panel parent layout, not just the image */
@media (max-width:580px){

  .payment-security-seals{
    display:block !important;
    flex-direction:column !important;
    width:100% !important;
    padding:12px !important;
  }

  .payment-security-seals .security-seals-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    gap:10px !important;
    align-items:center !important;
    justify-items:center !important;
  }

  .payment-security-seals .security-seals-row img:not(.google-inline-badge){
    width:100% !important;
    max-width:100px !important;
    height:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  .payment-security-seals .security-seals-row .bbb-inline-badge{
    width:100% !important;
    max-width:100px !important;
    height:34px !important;
    max-height:34px !important;
  }

  .payment-security-seals .security-seals-row .google-inline-badge{
    grid-column:1 / -1 !important;
    display:block !important;
    width:min(100%, 310px) !important;
    max-width:310px !important;
    height:auto !important;
    max-height:none !important;
    margin:10px auto 0 !important;
  }

  .payment-security-seals .trustpilot-full-row{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:14px 0 0 !important;
    padding:0 !important;
  }

  .payment-security-seals .trustpilot-full-row > img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:fill !important;
  }
}


/* MOBILE V4.9 — Order summary text readability */
@media (max-width:580px){
  .mobile-summary-panel .product-copy b,
  .mobile-summary-panel .summary-product > strong{
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .mobile-summary-panel .product-copy small{
    font-size:14px !important;
    line-height:1.4 !important;
  }

  .mobile-summary-panel .totals > div{
    font-size:15px !important;
    line-height:1.4 !important;
  }

  .mobile-summary-panel .totals > div span,
  .mobile-summary-panel .totals > div strong{
    font-size:15px !important;
  }

  .mobile-summary-panel .totals .total-line > span{
    font-size:17px !important;
  }

  .mobile-summary-panel .totals .total-line small{
    font-size:12px !important;
  }

  .mobile-summary-panel .totals .total-line strong{
    font-size:25px !important;
  }

  .mobile-summary-panel .summary-benefits > div{
    gap:10px !important;
    align-items:flex-start !important;
  }

  .mobile-summary-panel .summary-benefits > div > span{
    font-size:16px !important;
    line-height:1.35 !important;
  }

  .mobile-summary-panel .summary-benefits b{
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .mobile-summary-panel .summary-benefits small{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-top:3px !important;
  }
}

/* 2026-08-28 Amazon-only mobile field sizing refinement */
@media (max-width:700px){
  .field > span,
  label.field > span{
    top:6px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .field input,
  .field select,
  .field textarea{
    min-height:54px !important;
    height:54px !important;
    padding-top:20px !important;
    padding-bottom:6px !important;
    padding-left:12px !important;
    padding-right:12px !important;
    font-size:16px !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
  }

  .field input::placeholder,
  .field textarea::placeholder{
    font-size:15px !important;
    line-height:1.2 !important;
    opacity:1 !important;
  }

  .payment-fields .input-icon-wrap input{
    padding-right:40px !important;
  }

  .payment-fields .input-icon-wrap:has(#pxCardBrand) input{
    padding-right:68px !important;
  }
}


/* V5.1 — Amazon mobile compact fields, vertically centered */
@media (max-width:700px){
  /* Labels stay above fields; inputs no longer reserve floating-label space */
  .field > span,
  label.field > span{
    position:static !important;
    display:block !important;
    margin:0 0 6px 0 !important;
    transform:none !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .field input,
  .field select,
  .field textarea{
    height:48px !important;
    min-height:48px !important;
    padding:0 12px !important;
    font-size:16px !important;
    line-height:48px !important;
    box-sizing:border-box !important;
  }

  .field select{
    line-height:normal !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .field input::placeholder,
  .field textarea::placeholder{
    font-size:15px !important;
    line-height:normal !important;
  }

  .payment-fields .input-icon-wrap input{
    height:48px !important;
    min-height:48px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:48px !important;
  }

  .payment-fields .input-icon-wrap:has(#pxCardBrand) input{
    padding-right:68px !important;
  }

  .field-grid.two,
  .city-row{
    gap:10px !important;
  }

  .field{
    margin-bottom:10px !important;
  }
}


/* V5.2 — Amazon reassurance cards: neutral + Amazon teal */
@media (max-width:700px){
  .purchase-reassurance > div,
  .checkout-help-block .help-row{
    background:#ffffff !important;
    border:1px solid #d5d9d9 !important;
    box-shadow:0 1px 2px rgba(15,17,17,.06) !important;
  }

  .purchase-reassurance > div > span,
  .checkout-help-block .help-icon{
    background:#e7f4f6 !important;
    border:1px solid #b8dfe5 !important;
    color:#007185 !important;
  }

  .purchase-reassurance b,
  .checkout-help-block .help-copy b{
    color:#0f1111 !important;
  }

  .purchase-reassurance small,
  .checkout-help-block .help-copy small{
    color:#565959 !important;
  }

  .purchase-reassurance > div:hover,
  .checkout-help-block .help-row:hover{
    border-color:#aab7b8 !important;
  }
}


/* V5.4 — Amazon partner brand logo in black header */
.amazon-brand-header{
  background:var(--navy) !important;
}
.amazon-brand-header-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:72px !important;
  padding:10px 0 !important;
}
.amazon-partner-logo{
  display:block !important;
  width:min(360px, 48vw) !important;
  height:auto !important;
  max-height:56px !important;
  object-fit:contain !important;
}
@media(max-width:700px){
  .amazon-brand-header-inner{
    min-height:64px !important;
    padding:9px 0 !important;
  }
  .amazon-partner-logo{
    width:min(320px, 82vw) !important;
    max-height:48px !important;
  }
}
@media(max-width:420px){
  .amazon-brand-header-inner{
    min-height:60px !important;
    padding:8px 0 !important;
  }
  .amazon-partner-logo{
    width:min(300px, 84vw) !important;
    max-height:44px !important;
  }
}

/* V5.5 — Amazon header logo true centering + larger visible artwork */
.amazon-brand-header-inner{
  width:100% !important;
  max-width:none !important;
  min-height:92px !important;
  padding:10px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
.amazon-partner-logo{
  display:block !important;
  width:min(300px, 76vw) !important;
  max-width:300px !important;
  height:auto !important;
  max-height:none !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
@media(max-width:700px){
  .amazon-brand-header-inner{
    min-height:88px !important;
    padding:9px 14px !important;
  }
  .amazon-partner-logo{
    width:min(280px, 74vw) !important;
    max-width:280px !important;
    height:auto !important;
    max-height:none !important;
  }
}
@media(max-width:420px){
  .amazon-brand-header-inner{
    min-height:84px !important;
    padding:8px 12px !important;
  }
  .amazon-partner-logo{
    width:min(260px, 72vw) !important;
    max-width:260px !important;
    height:auto !important;
    max-height:none !important;
  }
}

/* V5.6 — tiny Amazon header logo size reduction */
@media (max-width:700px){
  .amazon-header-logo{
    width:92% !important;
    max-width:300px !important;
  }
}


/* V5.8 FINAL QA safeguards */
/* Keep the moved Trustpilot artwork inside its panel at every viewport. */
.payment-security-seals .trustpilot-full-row{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.payment-security-seals .trustpilot-full-row > img.moved-trustpilot-badge,
.payment-security-seals .trustpilot-full-row > img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
}

/* Preserve requested scarcity order: 4 Left on left, percent on right. */
.urgency-stock-meta .urgency-left-count{order:0 !important;}
.urgency-stock-meta .urgency-sold{order:1 !important;}


/* V5.9 — exact approved Amazon header logo sizing */
.header-logo img{
  height:42px !important;
  width:auto !important;
  max-width:220px !important;
  object-fit:contain !important;
}

@media (max-width:600px){
  .header-logo img{
    height:34px !important;
    width:auto !important;
    max-width:180px !important;
    object-fit:contain !important;
  }
}


/* V6.0 DESKTOP/TABLET PHASE 1 — mobile <=600px is frozen */
.desktop-summary-trustpilot{display:none}
@media (min-width:601px){
  /* Trustpilot belongs under the final Order summary reassurance on tablet/desktop. */
  .payment-security-seals .trustpilot-full-row{
    display:none !important;
  }
  .desktop-summary-trustpilot{
    display:block !important;
    margin-top:18px !important;
    padding-top:16px !important;
    border-top:1px solid var(--line) !important;
    text-align:center !important;
  }
  .desktop-summary-trustpilot img{
    display:block !important;
    width:100% !important;
    max-width:360px !important;
    height:auto !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }
}
@media (max-width:600px){
  .desktop-summary-trustpilot{display:none !important;}
}


/* V6.1 DESKTOP/TABLET — structured lower reassurance section. Mobile <=600px remains frozen. */
.desktop-checkout-trust-section{display:none}

@media (min-width:601px){
  /* Keep the existing mobile reassurance block out of desktop/tablet only. */
  .checkout-main .purchase-reassurance,
  .checkout-main .checkout-help-block,
  .checkout-main .terms-copy{
    display:none !important;
  }

  .desktop-checkout-trust-section{
    display:block !important;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:32px 32px 40px;
    box-sizing:border-box;
  }

  .desktop-checkout-trust-section .benefits-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    width:100%;
  }

  .desktop-checkout-trust-section .benefit-card{
    min-width:0;
    min-height:110px;
    padding:22px 24px;
    border:1px solid #d9dedc;
    border-radius:12px;
    background:#fff;
    display:flex;
    align-items:flex-start;
    gap:14px;
    box-sizing:border-box;
  }

  .desktop-checkout-trust-section .benefit-icon,
  .desktop-checkout-trust-section .support-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    line-height:1;
    font-weight:800;
    background:#eef8f2;
    color:var(--green);
  }

  .desktop-checkout-trust-section .benefit-content,
  .desktop-checkout-trust-section .support-content{
    min-width:0;
  }

  .desktop-checkout-trust-section .benefit-title{
    margin:0;
    font-size:18px !important;
    line-height:1.3 !important;
    font-weight:700;
    color:var(--ink);
  }

  .desktop-checkout-trust-section .benefit-description{
    margin-top:4px;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:400;
    color:#626866;
  }

  .desktop-checkout-trust-section .support-row{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:32px;
    padding:26px 4px;
    border-top:1px solid #e4e7e6;
    border-bottom:0;
    background:transparent;
  }

  .desktop-checkout-trust-section .support-title{
    margin:0;
    font-size:20px !important;
    line-height:1.3 !important;
    font-weight:700;
    color:var(--ink);
  }

  .desktop-checkout-trust-section .support-copy{
    margin-top:3px;
    font-size:16px !important;
    line-height:1.5 !important;
    font-weight:400;
    color:#505654;
  }

  .desktop-checkout-trust-section .desktop-legal-copy{
    margin:20px 0 0;
    padding:0;
    text-align:center;
    font-size:15px !important;
    line-height:1.5 !important;
    color:#737977;
  }
}

@media (max-width:600px){
  .desktop-checkout-trust-section{display:none !important;}
}

@media (min-width:601px){
  .desktop-checkout-trust-section .benefit-icon,
  .desktop-checkout-trust-section .support-icon{
    background:#e7f4f6;
    color:#007185;
  }
}


/* V6.2 DESKTOP/TABLET — MACRO LAYOUT ONLY
   Mobile <=600px remains frozen. No typography/color changes here. */
@media (min-width:601px){

  /* One shared outer alignment system */
  .shell,
  .urgency-wrap .shell,
  .checkout-footer .footer-inner{
    width:min(1180px, calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* True two-column checkout */
  .checkout-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 700px) minmax(0, 420px) !important;
    gap:48px !important;
    align-items:start !important;
    width:min(1180px, calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .checkout-main{
    width:100% !important;
    max-width:700px !important;
    min-width:0 !important;
  }

  .checkout-sidebar{
    display:block !important;
    width:100% !important;
    max-width:420px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:42px 0 70px !important;
    border-left:0 !important;
    min-height:0 !important;
  }

  .summary-sticky{
    position:sticky !important;
    top:24px !important;
    width:100% !important;
    max-width:420px !important;
    margin:0 !important;
  }

  .summary-card{
    width:100% !important;
    max-width:420px !important;
  }

  /* Same outer edges for reassurance section */
  .desktop-checkout-trust-section{
    width:min(1180px, calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Prevent the previous wide split from visually creating a fake third column. */
  .checkout-sidebar::before,
  .checkout-sidebar::after{
    max-width:100% !important;
  }
}

/* Smaller tablets: preserve the two-column relationship but allow proportional shrinkage.
   Still strictly above the frozen 600px mobile cutoff. */
@media (min-width:601px) and (max-width:980px){
  .shell,
  .urgency-wrap .shell,
  .checkout-footer .footer-inner,
  .checkout-grid,
  .desktop-checkout-trust-section{
    width:calc(100% - 32px) !important;
  }

  .checkout-grid{
    grid-template-columns:minmax(0, 1.55fr) minmax(280px, .95fr) !important;
    gap:32px !important;
  }

  .checkout-main,
  .checkout-sidebar,
  .summary-sticky,
  .summary-card{
    max-width:none !important;
  }
}

@media (max-width:600px){
  /* Explicit freeze boundary: V6.2 adds no mobile layout changes. */
}


/* V6.3 DESKTOP/TABLET — END GRID / REMOVE DEAD GAP / TRUE STICKY
   Mobile <=600px remains frozen. */
@media (min-width:601px){

  /* The page itself must not carry the old left/right split below checkout. */
  body{
    background:#fff !important;
  }

  /* Checkout grid ends cleanly after form CTA/security area. */
  .checkout-grid{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    overflow:visible !important;
  }

  /* Reduce old 70px bottom padding so reassurance begins ~56px after security block:
     24px checkout bottom + 32px reassurance top. */
  .checkout-main{
    padding-bottom:24px !important;
    min-height:0 !important;
  }

  .checkout-sidebar{
    /* Important: parent column stretches to full checkout-grid row height;
       only the inner summary is sticky. */
    align-self:stretch !important;
    position:relative !important;
    padding-bottom:24px !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .summary-sticky{
    position:sticky !important;
    top:24px !important;
    bottom:auto !important;
    align-self:auto !important;
    overflow:visible !important;
  }

  /* Full-width reassurance is a separate section after </main>. */
  .desktop-checkout-trust-section{
    margin-top:0 !important;
    padding-top:32px !important;
    padding-bottom:40px !important;
    position:relative !important;
    z-index:1 !important;
    background:#fff !important;
  }

  /* Ensure no inherited pseudo divider can leak beyond the grid. */
  .checkout-grid::before,
  .checkout-grid::after,
  .checkout-main::before,
  .checkout-main::after,
  .checkout-sidebar::before,
  .checkout-sidebar::after{
    content:none !important;
    display:none !important;
  }

  /* Footer is structurally independent of the checkout grid. */
  .checkout-footer{
    position:relative !important;
    z-index:2 !important;
    clear:both !important;
  }
}

@media (max-width:600px){
  /* Frozen mobile boundary: no V6.3 layout changes. */
}


/* V6.4 — STEP 2 VISUAL SYSTEM
   601px+ ONLY. No grid/column/content/mobile changes. */
@media (min-width:601px){

  /* -------------------- Section rhythm -------------------- */
  .form-section{
    padding-bottom:32px !important;
    margin-bottom:32px !important;
    border-bottom:1px solid #E5E7E9 !important;
  }

  .form-section:last-child{
    border-bottom:0 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  .section-head{
    margin-bottom:17px !important;
  }

  .section-head h1,
  .section-head h2{
    margin:0 !important;
    font-size:26px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  .section-sub{
    margin:4px 0 0 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    color:#6B7280 !important;
  }

  .step-pill{
    min-height:26px !important;
    height:26px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 9px !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:600 !important;
    border:1px solid #D9DDE1 !important;
    background:#F7F8F8 !important;
    color:#6B7280 !important;
    box-shadow:none !important;
  }

  /* -------------------- Fields -------------------- */
  .field{
    display:block !important;
    position:relative !important;
    margin-bottom:14px !important;
  }

  .field-grid{
    gap:14px !important;
    margin-bottom:14px !important;
  }

  .field-grid .field{
    margin-bottom:0 !important;
  }

  /* Normalize both variants to label-above-field on desktop/tablet. */
  .field > span,
  label.field > span{
    position:static !important;
    display:block !important;
    inset:auto !important;
    transform:none !important;
    margin:0 0 6px !important;
    padding:0 !important;
    color:inherit !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    pointer-events:auto !important;
  }

  .field input,
  .field select,
  .field textarea{
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    max-height:none !important;
    border:1px solid #C9CED3 !important;
    border-radius:8px !important;
    padding:0 14px !important;
    font-size:15px !important;
    line-height:1.2 !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .field input::placeholder,
  .field textarea::placeholder{
    font-size:15px !important;
    line-height:1.2 !important;
  }

  .field input:focus,
  .field select:focus,
  .field textarea:focus{
    box-shadow:none !important;
  }

  .field-error{
    margin-top:6px !important;
  }

  .input-icon-wrap input{
    height:48px !important;
  }

  /* Keep card-brand space while preserving 14px left padding. */
  .payment-fields .input-icon-wrap input{
    padding-left:14px !important;
    padding-right:42px !important;
  }

  .payment-fields .input-icon-wrap:has(#pxCardBrand) input{
    padding-right:68px !important;
  }

  /* Billing card also obeys <=10px radius. */
  .billing-address-panel{
    border-radius:8px !important;
  }

  /* -------------------- Shipping selected card -------------------- */
  .shipping-card{
    height:64px !important;
    min-height:64px !important;
    border:1.5px solid #168A78 !important;
    border-radius:8px !important;
    background:#FAFFFD !important;
    padding:12px 14px !important;
    box-shadow:none !important;
  }

  .shipping-card b{
    font-size:15px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
  }

  .shipping-card small{
    margin-top:2px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    color:#6B7280 !important;
  }

  .shipping-card strong{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  /* -------------------- Payment box -------------------- */
  .payment-box{
    border:1px solid #C9CED3 !important;
    border-radius:8px !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .payment-box-head{
    min-height:52px !important;
    height:52px !important;
    padding:0 12px !important;
    border-bottom:1px solid #E5E7E9 !important;
    box-shadow:none !important;
  }

  .payment-fields{
    padding:12px !important;
    box-shadow:none !important;
  }

  /* -------------------- CTA + security -------------------- */
  .complete-order{
    height:56px !important;
    min-height:56px !important;
    border-radius:10px !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    box-shadow:0 2px 6px rgba(15,17,17,.10) !important;
    transform:none !important;
  }

  .complete-order:hover{
    box-shadow:0 2px 6px rgba(15,17,17,.10) !important;
    transform:none !important;
  }

  .payment-security-seals{
    margin-top:10px !important;
    padding:12px !important;
    border-radius:8px !important;
    box-shadow:none !important;
  }

  /* -------------------- Order summary -------------------- */
  .summary-card{
    border:1px solid #D9DDE1 !important;
    border-radius:10px !important;
    padding:20px !important;
    box-shadow:none !important;
  }

  .summary-card h2{
    margin-top:0 !important;
    font-size:24px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  .summary-product{
    grid-template-columns:62px minmax(0,1fr) auto !important;
    gap:12px !important;
  }

  .summary-img{
    width:62px !important;
    height:62px !important;
    border-radius:8px !important;
  }

  .summary-img img{
    border-radius:7px !important;
  }

  .totals{
    border-color:#E5E7E9 !important;
  }

  .totals .total-line strong{
    font-size:26px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
  }

  .summary-benefits b{
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .summary-benefits small{
    font-size:12px !important;
    line-height:1.45 !important;
    color:#6B7280 !important;
  }

  /* -------------------- Desktop reassurance family -------------------- */
  .desktop-checkout-trust-section .benefits-grid{
    gap:16px !important;
  }

  .desktop-checkout-trust-section .benefit-card{
    height:110px !important;
    min-height:110px !important;
    padding:22px !important;
    border:1px solid #D9DDE1 !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }

  .desktop-checkout-trust-section .benefit-icon{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }

  .desktop-checkout-trust-section .benefit-title{
    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
  }

  .desktop-checkout-trust-section .benefit-description{
    font-size:14px !important;
    line-height:1.45 !important;
    color:#6B7280 !important;
  }

  /* -------------------- Support row -------------------- */
  .desktop-checkout-trust-section .support-row{
    margin-top:28px !important;
    padding-top:24px !important;
    padding-bottom:0 !important;
    padding-left:4px !important;
    padding-right:4px !important;
    border-top:1px solid #E5E7E9 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .desktop-checkout-trust-section .support-title{
    font-size:18px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
  }

  .desktop-checkout-trust-section .support-copy{
    font-size:14px !important;
    line-height:1.5 !important;
    color:#6B7280 !important;
  }

  /* No card in this system should retain >10px radius. */
  .payment-box,
  .payment-security-seals,
  .shipping-card,
  .summary-card,
  .billing-address-panel,
  .desktop-checkout-trust-section .benefit-card{
    max-width:none;
  }
}

/* Frozen mobile boundary. */
@media (max-width:600px){
  /* V6.4 makes no mobile visual-system changes. */
}


/* V6.5 — STEP 2B CORRECTION PASS
   601px+ ONLY. No layout/grid/sticky/content/mobile changes. */
@media (min-width:601px){

  /* 1) Slightly smaller section headings */
  .section-head h1,
  .section-head h2{
    font-size:24px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  /* 2) Tightened form rhythm */
  .field > span,
  label.field > span{
    margin-bottom:6px !important;
  }

  .field{
    margin-bottom:12px !important;
  }

  .field-grid{
    gap:12px !important;
    margin-bottom:12px !important;
  }

  .field-grid .field{
    margin-bottom:0 !important;
  }

  .section-head{
    margin-bottom:16px !important;
  }

  .form-section{
    padding-bottom:30px !important;
    margin-bottom:30px !important;
  }

  /* 3) Payment box visually matches shipping system */
  .payment-box{
    border:1px solid #D2D7DB !important;
    border-radius:8px !important;
    box-shadow:none !important;
  }

  .payment-box-head{
    background:#FAFAFA !important;
    border-bottom:1px solid #E5E7E9 !important;
    box-shadow:none !important;
  }

  /* 4) Order summary title */
  .summary-card h2{
    font-size:22px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  /* 5) Tighter product rows */
  .product-list{
    gap:12px !important;
  }

  .summary-product{
    grid-template-columns:62px minmax(0,1fr) auto !important;
    gap:12px !important;
  }

  .summary-img{
    width:62px !important;
    height:62px !important;
  }

  .product-copy b,
  .summary-product > strong{
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
  }

  /* 6) Less aggressive total */
  .totals .total-line strong{
    font-size:24px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    color:#0F1111 !important;
  }

  /* 7) Reduce gap above bottom reassurance cards */
  .desktop-checkout-trust-section{
    padding-top:40px !important;
  }

  /* 8) Compact reassurance cards */
  .desktop-checkout-trust-section .benefit-card{
    height:110px !important;
    min-height:108px !important;
    max-height:112px !important;
    padding:20px !important;
  }

  .desktop-checkout-trust-section .benefit-icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  .desktop-checkout-trust-section .benefit-title{
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
  }

  .desktop-checkout-trust-section .benefit-description{
    font-size:14px !important;
    line-height:1.4 !important;
  }

  /* 9) Support row closer */
  .desktop-checkout-trust-section .support-row{
    margin-top:24px !important;
  }

  /* 10) Legal line */
  .desktop-checkout-trust-section .legal-copy,
  .desktop-checkout-trust-section .terms-copy,
  .desktop-checkout-trust-section .checkout-legal{
    margin-top:24px !important;
    font-size:13px !important;
    line-height:1.45 !important;
    color:#7A7F85 !important;
  }
}

/* Frozen mobile boundary */
@media (max-width:600px){
  /* V6.5 intentionally makes no mobile changes. */
}


/* V6.6 — STEP 3 CONVERSION HIERARCHY ONLY
   601px+ ONLY. No grid/input/bottom-card/sticky/layout changes. */
@media (min-width:601px){

  /* 1) Header: reduce height ~20–25%, keep centered logo */
  .checkout-header .header-inner{
    min-height:42px !important;
    height:42px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .checkout-header .header-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
  }

  /* Preserve approved Amazon logo sizing */
  .checkout-header .header-logo img{
    object-fit:contain !important;
  }

  /* 2) Stock alert: compact total height, lighter text */
  .urgency-wrap .shell{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .urgency-card{
    min-height:58px !important;
    max-height:64px !important;
    padding:10px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  .urgency-stock-meta{
    margin-bottom:7px !important;
  }

  .urgency-left-count,
  .urgency-sold{
    font-size:15px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
  }

  .urgency-track{
    height:8px !important;
    min-height:8px !important;
  }

  /* 3) CTA: single strongest visual action */
  .complete-order,
  .complete-order:disabled,
  .complete-order.processing,
  .complete-order.processing:disabled{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    border-radius:10px !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    background:#159447 !important;
    border:1px solid #159447 !important;
    color:#fff !important;
    box-shadow:0 2px 5px rgba(15,17,17,.10) !important;
    transform:none !important;
  }

  .complete-order:hover{
    background:#159447 !important;
    border-color:#159447 !important;
    box-shadow:0 2px 5px rgba(15,17,17,.10) !important;
    transform:none !important;
  }

  /* Make sure no secondary element competes with CTA */
  .shipping-card,
  .summary-benefits > div > span,
  .desktop-checkout-trust-section .benefit-icon,
  .desktop-checkout-trust-section .support-icon{
    box-shadow:none !important;
  }

  /* 4) Trust-logo block: compact, visually quiet */
  .payment-security-seals{
    min-height:70px !important;
    max-height:76px !important;
    padding:10px 12px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .payment-security-seals .security-seals-row{
    min-height:0 !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
  }

  .payment-security-seals .security-seals-row img{
    max-height:34px !important;
    width:auto !important;
    object-fit:contain !important;
  }

  .payment-security-seals .trustpilot-full-row{
    margin-top:0 !important;
  }

  .payment-security-seals .trustpilot-full-row img{
    max-height:34px !important;
    width:auto !important;
    max-width:240px !important;
    object-fit:contain !important;
  }

  /* 5) Sidebar reassurance: keep exactly the existing 3 lines */
  .summary-benefits > div:nth-child(n+4){
    display:none !important;
  }

  /* 7) No other green-weight primary action */
  .summary-benefits > div > span,
  .desktop-checkout-trust-section .benefit-icon,
  .desktop-checkout-trust-section .support-icon{
    filter:saturate(.78) !important;
  }
}

/* Frozen mobile boundary */
@media (max-width:600px){
  /* V6.6 intentionally makes no mobile changes. */
}


/* V6.7 — STEP 3B HEADER ONLY
   601px+ ONLY. No checkout/grid/form/CTA/card/footer changes. */
@media (min-width:601px){

  .checkout-header{
    height:110px !important;
    min-height:110px !important;
    max-height:110px !important;
    overflow:visible !important;
  }

  .checkout-header .header-inner{
    height:110px !important;
    min-height:110px !important;
    max-height:110px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  .checkout-header .header-logo{
    height:auto !important;
    max-height:72px !important;
    width:auto !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    overflow:visible !important;
  }

  .checkout-header .header-logo img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:72px !important;
    max-width:100% !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }
}

/* Frozen mobile boundary */
@media (max-width:600px){
  /* V6.7 intentionally makes no mobile changes. */
}


/* V6.8 — STEP 4 TRUST BLOCK + BOTTOM SPACING ONLY
   601px+ ONLY. No grid/form/CTA/summary-layout/header changes. */
@media (min-width:601px){

  /* Desktop: original mobile Trustpilot row inside the trust box is hidden.
     The new dedicated desktop row sits directly beneath the 4-badge strip. */
  .payment-security-seals .trustpilot-full-row{
    display:none !important;
  }

  /* 1) Four trust badges: one readable, balanced row */
  .payment-security-seals{
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    padding:14px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  .payment-security-seals .security-seals-row{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    margin:0 !important;
  }

  .payment-security-seals .security-seals-row img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:32px !important;
    max-width:150px !important;
    object-fit:contain !important;
    margin:0 !important;
  }

  .payment-security-seals .security-seals-row .bbb-inline-badge,
  .payment-security-seals .security-seals-row .google-inline-badge{
    max-height:32px !important;
  }

  /* Keep logo scale balanced; no badge gets visually oversized. */
  .payment-security-seals .security-seals-row img:nth-child(1),
  .payment-security-seals .security-seals-row img:nth-child(2),
  .payment-security-seals .security-seals-row img:nth-child(3),
  .payment-security-seals .security-seals-row img:nth-child(4){
    height:32px !important;
  }

  /* 2) Trustpilot moves out of summary and gets its own row below CTA badges */
  .desktop-cta-trustpilot{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin-top:10px !important;
  }

  .desktop-cta-trustpilot img{
    display:block !important;
    width:auto !important;
    height:48px !important;
    max-height:48px !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  /* 3–5) Exact bottom reassurance/support/legal rhythm */
  .desktop-checkout-trust-section{
    /* Cards remain unchanged; spacing below is deliberate. */
    padding-bottom:28px !important;
  }

  .desktop-checkout-trust-section .support-row{
    margin-top:28px !important;
    padding-top:24px !important;
    padding-bottom:0 !important;
    border-top:1px solid #E5E7E9 !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .desktop-checkout-trust-section .support-icon{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    align-self:flex-start !important;
  }

  .desktop-checkout-trust-section .support-title{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
  }

  .desktop-checkout-trust-section .support-copy{
    margin-top:6px !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#6B7280 !important;
  }

  .desktop-checkout-trust-section .desktop-legal-copy{
    margin:36px 0 0 !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:1.45 !important;
    color:#7A7F85 !important;
  }

  /* Exactly 28px from legal copy area to footer boundary is carried by section bottom padding. */
}

/* Frozen mobile boundary */
@media (max-width:600px){
  .desktop-cta-trustpilot{
    display:none !important;
  }
}