/* WooCommerce overrides for SwappaElectronics */
.woocommerce .products{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.woocommerce .products{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.woocommerce .products{grid-template-columns:repeat(4,1fr)}}
.woocommerce div.product{max-width:var(--se-container);margin:0 auto;padding:32px 24px}
.woocommerce div.product .product_title{font-size:1.75rem;font-weight:800;margin-bottom:8px}
.woocommerce div.product .price{font-size:2rem;font-weight:800;margin-bottom:16px}
.woocommerce div.product .price del{font-size:1rem;color:var(--se-text-muted);font-weight:400}
.woocommerce div.product .price ins{text-decoration:none}
.woocommerce div.product form.variations_form .variations select{width:100%;padding:10px 12px;border:1px solid var(--se-border);border-radius:var(--se-radius);font-size:.875rem}
.woocommerce div.product .single_add_to_cart_button{width:100%;padding:16px 32px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;border:none;border-radius:var(--se-radius);cursor:pointer;transition:all .2s}
.woocommerce div.product .single_add_to_cart_button:hover{background:var(--se-primary-hover)}
.se-battery{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--se-radius);margin:16px 0;font-size:.875rem}
.se-battery--excellent{background:var(--se-accent-light);color:#166534}
.se-battery--good{background:var(--se-surface);color:var(--se-primary)}
.se-battery--fair{background:var(--se-accent);color:var(--se-primary)}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{max-width:var(--se-container);margin:0 auto;padding:32px 24px}
.woocommerce table.shop_table{border:1px solid var(--se-border);border-radius:12px;overflow:hidden;border-collapse:separate}
.woocommerce table.shop_table th{background:var(--se-surface);font-weight:700;font-size:.8125rem;text-transform:uppercase}
.woocommerce form.checkout input.input-text,.woocommerce form.checkout select{width:100%;padding:12px 16px;border:1px solid var(--se-border);border-radius:var(--se-radius);font-size:.9375rem}
.woocommerce form.checkout input.input-text:focus{border-color:var(--se-primary);box-shadow:0 0 0 3px rgba(59,36,24,.1);outline:none}
#place_order{width:100%;padding:18px 32px;background:var(--se-primary);color:var(--se-on-dark);font-size:1.125rem;font-weight:700;border:none;border-radius:var(--se-radius);cursor:pointer;transition:all .2s}
#place_order:hover{background:var(--se-primary-hover)}
.woocommerce-message{border-top-color:var(--se-accent);background:var(--se-accent-light);border-radius:var(--se-radius);padding:12px 16px;text-align:center}
.woocommerce-info{border-top-color:var(--se-accent);background:var(--se-accent-light);border-radius:var(--se-radius);padding:12px 16px;text-align:center}
.woocommerce-error{border-top-color:var(--se-danger);background:#FEF2F2;border-radius:var(--se-radius);padding:12px 16px;text-align:center}

/* ── My Account / Profile notice alignment (no background) ── */
.woocommerce-account .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice,
.se-account .woocommerce-notices-wrapper,
.se-account .woocommerce-message,
.se-account .woocommerce-info,
.se-account .woocommerce-error,
.se-account .woocommerce-notice {
  text-align: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 0 16px !important;
  color: var(--se-text) !important;
}
.woocommerce-account .woocommerce-message p,
.woocommerce-account .woocommerce-info p,
.woocommerce-account .woocommerce-error p,
.woocommerce-account .woocommerce-notice p,
.woocommerce-account .woocommerce-message li,
.woocommerce-account .woocommerce-info li,
.woocommerce-account .woocommerce-error li {
  text-align: center !important;
  color: var(--se-text) !important;
}

/* ── Checkout error notice: a clear red box with red message ── */
.woocommerce-checkout .woocommerce-NoticeGroup,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout{margin:0 0 24px}
.woocommerce-checkout .woocommerce-error,
.woocommerce-NoticeGroup-checkout .woocommerce-error,
.woocommerce-checkout form.checkout > .woocommerce-error{list-style:none;margin:0 0 24px;padding:16px 18px;background:#FEF2F2;border:1px solid #F5C2C7;border-left:4px solid var(--se-danger);border-radius:10px;color:#B42318;font-size:.9375rem;font-weight:600;line-height:1.5}
.woocommerce-checkout .woocommerce-error li,
.woocommerce-NoticeGroup-checkout .woocommerce-error li{list-style:none;margin:0;padding:4px 0 4px 26px;position:relative;color:#B42318}
.woocommerce-checkout .woocommerce-error li::before,
.woocommerce-NoticeGroup-checkout .woocommerce-error li::before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;background-color:var(--se-danger);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 9.5a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 9.5a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2'/%3E%3C/svg%3E") center/contain no-repeat}
.woocommerce-checkout .woocommerce-error .button,
.woocommerce-NoticeGroup-checkout .woocommerce-error .button{display:none}
.se-breadcrumbs{padding:12px 0;font-size:.8125rem}.se-breadcrumbs a{color:var(--se-text-muted)}.se-breadcrumbs a:hover{color:var(--se-primary);text-decoration:underline}.se-sep{color:var(--se-border);margin:0 4px}

.se-sidebar{display:flex;flex-direction:column;gap:24px}
.se-widget{padding:20px;border:1px solid var(--se-border);border-radius:12px;background:var(--se-white)}
.se-widget__title{font-size:1rem;font-weight:700;margin:0 0 12px}
.se-widget ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.se-widget ul a{color:var(--se-text-muted);font-size:.9375rem}
.se-widget ul a:hover{color:var(--se-primary);text-decoration:underline}

/* ═══════════════════════════════════════════════════════════════════
   SINGLE PRODUCT TEMPLATE (inc/single-product/*)
   Builds on the shared .se-container / .se-section-title / .se-rail
   primitives defined in main.css — those base classes are NOT redefined
   here. All colours/spacing reuse the existing --se-* design tokens.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Section rhythm ── */
.se-sp-header,.se-sp-storage,.se-sp-condition,.se-sp-tradein,.se-sp-knowledge,.se-sp-longdesc,.se-sp-specs,.se-sp-brandtrust{padding:var(--se-section) 0}
/* Description + full specs flow together as one seamless block (no divider). */
.se-sp-knowledge{padding-bottom:0}
.se-sp-longdesc{padding-top:4px;padding-bottom:0}
.se-sp-specs{padding-top:4px}
/* Tighten the gap between the nav and the breadcrumb (Back Market is compact). */
.se-sp-header{padding-top:4px}

/* ── Header (Req 3) — Back Market two-column purchase panel ── */
.se-sp-header__grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:8px}
@media(min-width:900px){.se-sp-header__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}}
.se-sp-header__gallery{position:sticky;top:24px}

/* ── Product gallery — Back Market layout (thumb column + main image) ── */
.se-gallery{display:flex;flex-direction:column-reverse;gap:12px}
@media(min-width:768px){.se-gallery{flex-direction:row;align-items:flex-start}}
.se-gallery__main{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--se-surface);border-radius:16px;overflow:hidden;aspect-ratio:1/1}
.se-gallery__main img,.se-gallery__main-img{width:100%;height:100%;object-fit:contain;display:block}
.se-gallery__zoom{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.se-gallery__thumbs{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:12px;overflow-x:auto;flex-wrap:nowrap}
@media(min-width:768px){.se-gallery__thumbs{flex-direction:column;overflow-x:visible;flex:0 0 88px;width:88px;max-height:var(--carousel-max-size,520px);overflow-y:auto}}
.se-gallery__thumb{flex:0 0 auto;width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;background:var(--se-surface);overflow:hidden;cursor:pointer;transition:border-color .15s ease}
@media(min-width:768px){.se-gallery__thumb{width:100%;height:auto;aspect-ratio:1/1}}
.se-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
.se-gallery__thumb:hover{border-color:var(--se-border)}
.se-gallery__thumb.is-active{border-color:var(--se-primary)}
.se-gallery__thumb:focus-visible{outline:2px solid var(--se-primary);outline-offset:2px}

/* ── Fullscreen lightbox / media viewer ── */
.se-lightbox[hidden]{display:none}
.se-lightbox{position:fixed;inset:0;z-index:10000}
.se-lightbox__backdrop{position:fixed;inset:0;background:rgba(36,24,18,.5)}
.se-lightbox__dialog{position:fixed;inset:0;margin:auto;display:flex;flex-direction:column;min-height:0;background:var(--se-white);padding:24px;overflow:hidden;animation:se-lb-in .2s ease}
@media(min-width:768px){.se-lightbox__dialog{inset:32px;max-width:1376px;border-radius:16px}}
@keyframes se-lb-in{from{opacity:0}to{opacity:1}}
.se-lightbox__stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.se-lightbox__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;animation:se-lb-fade .25s ease}
@keyframes se-lb-fade{from{opacity:0}to{opacity:1}}
.se-lightbox__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.se-lightbox__nav{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px}
.se-lightbox__arrow{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--se-primary);color:var(--se-on-dark);cursor:pointer;transition:opacity .2s ease}
.se-lightbox__arrow:hover{opacity:.85}
.se-lightbox__arrow:disabled{opacity:.35;cursor:not-allowed}
.se-lightbox__thumbs{list-style:none;margin:0;padding:4px;display:flex;flex-direction:row;gap:8px;overflow-x:auto;justify-content:flex-start;max-width:100%}
@media(min-width:768px){.se-lightbox__thumbs{justify-content:center}}
.se-lightbox__thumb{flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--se-border);border-radius:6px;background:var(--se-surface);overflow:hidden;cursor:pointer;opacity:.5;transition:opacity .15s ease,border-color .15s ease}
.se-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.se-lightbox__thumb:hover,.se-lightbox__thumb:focus-visible{opacity:1}
.se-lightbox__thumb.is-active{opacity:1;border-color:var(--se-primary);border-width:2px}
.se-lightbox__close{position:absolute;right:12px;top:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--se-surface);color:var(--se-text);cursor:pointer;z-index:2;transition:background .2s ease}
.se-lightbox__close:hover{background:var(--se-border)}
body.se-lightbox-open{overflow:hidden}

.se-sp-header__summary{display:flex;flex-direction:column;gap:16px}
.se-sp-header__title{margin:0;display:flex;flex-direction:column;gap:4px}
.se-sp-header__name{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.1rem);font-weight:800;line-height:1.15;color:var(--se-text)}
.se-sp-header__subtitle{font-size:.9375rem;color:var(--se-text-sec)}
.se-sp-header__rating{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
/* Intentional PDP override of main.css .se-stars */
.se-stars{display:inline-flex;gap:2px;line-height:0}
.se-sp-header__rating-value{font-size:.875rem;font-weight:700;color:var(--se-text)}
.se-sp-header__review-count{font-size:.875rem;color:var(--se-primary);text-decoration:underline}
.se-sp-header__pricing{display:flex;flex-direction:column;gap:6px}
.se-sp-header__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.se-sp-header__price{font-size:2rem;font-weight:800;color:var(--se-text)}
.se-sp-header__save-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.se-sp-header__save-row[hidden]{display:none}
.se-sp-header__was{font-size:.875rem;color:var(--se-text-muted)}
.se-sp-header__was s{color:var(--se-text-muted)}
.se-sp-header__save,.se-badge--save{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--se-accent-light);color:#166534;font-size:.8125rem;font-weight:700}
/* buy row: price grows on the left, Add to cart + wishlist on the right (Back Market) */
.se-sp-header__buy{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:8px 0 4px}
.se-sp-header__pricing{flex:1 1 200px}
.se-sp-header__cart{flex:0 1 auto}
.se-sp-header__cart form.cart{display:flex;align-items:center;gap:8px;margin:0}
.se-sp-header__cart .quantity{display:none}
.se-sp-header__cart .single_add_to_cart_button,.se-sp-header__cart button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:164px;min-height:52px;padding:0 28px;border:0;border-radius:10px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;transition:background .2s}
.se-sp-header__cart .single_add_to_cart_button:hover,.se-sp-header__cart button[type="submit"]:hover{background:var(--se-primary-hover)}
.se-sp-header__wishlist{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--se-border);border-radius:var(--se-radius);background:var(--se-white);color:var(--se-text);cursor:pointer;transition:background .2s,border-color .2s}
.se-sp-header__wishlist:hover{background:var(--se-surface);border-color:var(--se-text)}
.se-sp-header__wishlist.is-active{border-color:var(--se-primary);color:var(--se-primary)}
.se-sp-header__wishlist .se-fav-ico{width:24px;height:24px}
.se-sp-header__wishlist .se-fav-ico--solid{display:none}
.se-sp-header__wishlist.is-active .se-fav-ico--outline{display:none}
.se-sp-header__wishlist.is-active .se-fav-ico--solid{display:block}
.se-sp-header__wishlist .se-sp-ico{width:24px;height:24px}
/* trust info cards */
.se-sp-header__info{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.se-sp-info{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--se-surface)}
.se-sp-info__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--se-text)}
.se-sp-info__icon .se-sp-ico{width:26px;height:26px}
.se-sp-info__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.se-sp-info__title{font-size:.9375rem;font-weight:700;color:var(--se-text);line-height:1.3}
.se-sp-info__sub{font-size:.8125rem;color:var(--se-text-sec);line-height:1.3}
.se-sp-info__chevron{flex:0 0 auto;display:flex;align-items:center;color:var(--se-text-muted)}
.se-sp-info__chevron .se-sp-ico{width:22px;height:22px}

/* ── Select storage (Back Market funnel layout) ── */
.se-sp-storage__inner{display:flex;flex-direction:column;gap:24px;align-items:center}
@media(min-width:768px){.se-sp-storage__inner{flex-direction:row;justify-content:center;gap:32px}}
@media(min-width:1024px){.se-sp-storage__inner{gap:64px}}
.se-sp-storage__media{width:100%;max-width:498px}
@media(min-width:768px){.se-sp-storage__media{flex:0 1 498px}}
.se-sp-storage__media img{width:100%;height:218px;object-fit:cover;object-position:center top;border-radius:16px;display:block}
@media(min-width:768px){.se-sp-storage__media img{height:498px;border-radius:32px}}
.se-sp-storage__picker{width:100%}
@media(min-width:768px){.se-sp-storage__picker{flex:0 0 360px;max-width:456px}}
.se-sp-storage__title{margin:0 0 12px}
.se-sp-storage__options{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.se-sp-storage__option{position:relative;display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--se-border);border-radius:10px;background:var(--se-white);cursor:pointer;transition:background .2s,border-color .2s}
.se-sp-storage__option:hover{background:var(--se-surface)}
.se-sp-storage__input{position:absolute;opacity:0;width:0;height:0;margin:0}
.se-sp-storage__dot{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:2px solid var(--se-text);display:inline-flex;align-items:center;justify-content:center}
.se-sp-storage__dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--se-primary);transform:scale(0);transition:transform .15s ease}
.se-sp-storage__name{flex:1 1 auto;font-size:1rem;font-weight:600;color:var(--se-text)}
.se-sp-storage__price{flex:0 0 auto;font-size:.875rem;color:var(--se-text-sec)}
.se-sp-storage__option:has(.se-sp-storage__input:checked){border-color:var(--se-primary);background:var(--se-surface)}
.se-sp-storage__option:has(.se-sp-storage__input:checked) .se-sp-storage__dot{border-color:var(--se-primary)}
.se-sp-storage__option:has(.se-sp-storage__input:checked) .se-sp-storage__dot::after{transform:scale(1)}
.se-sp-storage__option:has(.se-sp-storage__input:focus-visible){outline:2px solid var(--se-primary);outline-offset:2px}

/* ── Select the color (Back Market funnel layout) ── */
.se-sp-color__inner{display:flex;flex-direction:column;gap:24px;align-items:center}
@media(min-width:768px){.se-sp-color__inner{flex-direction:row;justify-content:center;align-items:center;gap:32px}}
@media(min-width:1024px){.se-sp-color__inner{gap:64px}}
.se-sp-color__media{width:100%;max-width:498px}
@media(min-width:768px){.se-sp-color__media{flex:0 1 498px}}
.se-sp-color__picker{width:100%}
@media(min-width:768px){.se-sp-color__picker{flex:0 0 360px;max-width:456px}}
.se-sp-color__title{margin:0 0 16px}

/* Info banner (e.g. the watch band notice) — matches the optpick banner */
.se-sp-color__info{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px;margin:0 0 24px;border-radius:8px;background:var(--se-surface,var(--se-surface-alt));color:var(--se-text);text-align:left;box-shadow:0 1px 3px rgba(59,36,24,.08),0 1px 2px rgba(59,36,24,.06)}
.se-sp-color__info-icon{flex:0 0 auto;display:inline-flex;width:32px;height:32px;color:var(--se-text)}
.se-sp-color__info-icon svg{width:100%;height:100%}
.se-sp-color__info-text{flex:1 1 auto;margin:0;font-size:.9375rem}

/* Independent per-color carousel (main image + thumbnail rail + arrows) */
.se-sp-color__carousel{display:flex;flex-direction:column;gap:12px}
.se-sp-color__stage{display:flex;justify-content:center}
.se-sp-color__main{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:16px;display:block}
@media(min-width:768px){.se-sp-color__main{border-radius:24px}}
.se-sp-color__controls{display:flex;align-items:center;justify-content:center;gap:8px}
.se-sp-color__controls[hidden]{display:none}
.se-sp-color__arrow{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--se-primary);color:var(--se-on-dark);cursor:pointer;transition:opacity .2s}
.se-sp-color__arrow:hover{opacity:.85}
.se-sp-color__thumbs{list-style:none;margin:0;padding:4px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.se-sp-color__thumbs::-webkit-scrollbar{display:none}
.se-sp-color__thumb{padding:0;border:1px solid var(--se-border);border-radius:6px;background:var(--se-white);cursor:pointer;overflow:hidden;width:44px;height:44px;flex:0 0 auto;transition:border-color .2s}
.se-sp-color__thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.6;transition:opacity .2s}
.se-sp-color__thumb:hover img{opacity:1}
.se-sp-color__thumb.is-active{border-color:var(--se-primary)}
.se-sp-color__thumb.is-active img{opacity:1}

/* Color option grid (2-up), swatch + name + price/sold-out */
.se-sp-color__options{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:560px){.se-sp-color__options{grid-template-columns:repeat(2,1fr);column-gap:12px}}
.se-sp-color__option{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.se-sp-color__option:hover{background:var(--se-surface)}
.se-sp-color__input{position:absolute;opacity:0;width:0;height:0;margin:0}
.se-sp-color__swatch{flex:0 0 auto;width:18px;height:18px;margin-top:2px;border-radius:5px;border:1px solid rgba(59,36,24,.2);overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.se-sp-color__swatch img{width:100%;height:100%;object-fit:cover}
.se-sp-color__body{display:flex;flex-direction:column;line-height:1.3}
.se-sp-color__name{font-size:1rem;font-weight:700;color:var(--se-text)}
.se-sp-color__meta{font-size:.875rem;color:var(--se-text-sec)}
.se-sp-color__option:has(.se-sp-color__input:checked){border-color:var(--se-primary);background:var(--se-surface);box-shadow:0 0 0 1px var(--se-primary)}
.se-sp-color__option:has(.se-sp-color__input:focus-visible){outline:2px solid var(--se-primary);outline-offset:2px}
.se-sp-color__option.is-soldout{cursor:not-allowed;background:var(--se-surface)}
.se-sp-color__option.is-soldout .se-sp-color__name{color:var(--se-text-muted,#8A7B6C)}
.se-sp-color__option.is-soldout .se-sp-color__swatch{opacity:.5}

/* ── Select SIM type (standalone section, Back Market layout) ── */
.se-sp-simsel__inner{display:flex;flex-direction:column;gap:24px;align-items:center}
@media(min-width:768px){.se-sp-simsel__inner{flex-direction:row;justify-content:center;align-items:center;gap:32px}}
@media(min-width:1024px){.se-sp-simsel__inner{gap:64px}}
.se-sp-simsel__media{width:100%;max-width:498px}
@media(min-width:768px){.se-sp-simsel__media{flex:0 1 498px}}
.se-sp-simsel__media img{width:100%;height:auto;object-fit:cover;border-radius:16px;display:block}
@media(min-width:768px){.se-sp-simsel__media img{border-radius:32px}}
.se-sp-simsel__picker{width:100%}
@media(min-width:768px){.se-sp-simsel__picker{flex:0 0 360px;max-width:456px}}
.se-sp-simsel__title{margin:0 0 16px}
.se-sp-simsel__info{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 16px;border-radius:10px;background:var(--se-surface,var(--se-surface-alt));color:var(--se-text)}
.se-sp-simsel__info-icon{flex:0 0 auto;display:inline-flex;color:var(--se-primary)}
.se-sp-simsel__info-text{font-size:.9375rem}
.se-sp-simsel__options{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.se-sp-simsel__option{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--se-border);border-radius:10px;background:var(--se-white);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.se-sp-simsel__option:hover{background:var(--se-surface)}
.se-sp-simsel__input{position:absolute;opacity:0;width:0;height:0;margin:0}
.se-sp-simsel__dot{flex:0 0 auto;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid var(--se-text);display:inline-flex;align-items:center;justify-content:center}
.se-sp-simsel__dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--se-primary);transform:scale(0);transition:transform .15s ease}
.se-sp-simsel__body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.se-sp-simsel__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.se-sp-simsel__name{font-size:1rem;font-weight:600;color:var(--se-text)}
.se-sp-simsel__price{font-size:.875rem;color:var(--se-text-sec);white-space:nowrap}
.se-sp-simsel__desc{font-size:.8125rem;color:var(--se-text-muted,var(--se-text-muted))}
.se-sp-simsel__option:has(.se-sp-simsel__input:checked){border-color:var(--se-primary);background:var(--se-surface);box-shadow:0 0 0 1px var(--se-primary)}
.se-sp-simsel__option:has(.se-sp-simsel__input:checked) .se-sp-simsel__dot{border-color:var(--se-primary)}
.se-sp-simsel__option:has(.se-sp-simsel__input:checked) .se-sp-simsel__dot::after{transform:scale(1)}
.se-sp-simsel__option:has(.se-sp-simsel__input:focus-visible){outline:2px solid var(--se-primary);outline-offset:2px}
.se-sp-simsel__option.is-soldout{cursor:not-allowed;opacity:.55}
.se-sp-simsel__note{display:flex;align-items:flex-start;gap:10px;margin:8px 0 0;padding:12px 14px;border-radius:10px;background:var(--se-warning-bg,#F6E6C8);color:var(--se-text);font-size:.8125rem;font-weight:600}
.se-sp-simsel__note[hidden]{display:none}
.se-sp-simsel__note svg{flex:0 0 auto;color:#8A5A12}

/* ── SIM type toggle (shown only when a storage offers >1 SIM) ── */
.se-sp-sim{margin-top:20px}
.se-sp-sim[hidden]{display:none}
.se-sp-sim__title{margin:0 0 10px;font-size:1rem;font-weight:600;color:var(--se-text)}
.se-sp-sim__options{display:flex;flex-wrap:wrap;gap:8px}
.se-sp-sim__option{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--se-border);border-radius:var(--se-radius-full,999px);background:var(--se-white);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.se-sp-sim__option:hover{border-color:var(--se-primary)}
.se-sp-sim__input{position:absolute;opacity:0;width:0;height:0;margin:0}
.se-sp-sim__name{font-size:.9375rem;font-weight:600;color:var(--se-text)}
.se-sp-sim__option:has(.se-sp-sim__input:checked){border-color:var(--se-primary);background:var(--se-surface);box-shadow:0 0 0 1px var(--se-primary)}
.se-sp-sim__option:has(.se-sp-sim__input:focus-visible){outline:2px solid var(--se-primary);outline-offset:2px}

/* ── Storage / Condition chips (Req 4) ── */
.se-sp-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.se-sp-chip{position:relative;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:14px 16px;border:1px solid var(--se-border);border-radius:12px;background:var(--se-white);cursor:pointer;transition:all .2s}
.se-sp-chip:hover{border-color:var(--se-primary)}
.se-sp-chip__input{position:absolute;opacity:0;width:0;height:0;margin:0}
.se-sp-chip:has(.se-sp-chip__input:checked){border-color:var(--se-primary);box-shadow:0 0 0 2px var(--se-primary)}
.se-sp-chip__input:focus-visible+.se-sp-chip__label{outline:2px solid var(--se-primary);outline-offset:2px}
.se-sp-chip__label{font-size:.9375rem;font-weight:700;color:var(--se-text)}
.se-sp-chip__price{font-size:.875rem;color:var(--se-text-sec)}
.se-sp-chip--popular{border-color:var(--se-accent)}
.se-sp-chip__popular{position:absolute;top:-10px;right:10px;padding:2px 8px;border-radius:var(--se-radius-full);background:var(--se-accent);color:var(--se-text);font-size:.625rem;font-weight:700;text-transform:uppercase}
.se-sp-condition__example{margin:20px 0 0}
.se-sp-condition__example img{max-width:100%;height:auto;border-radius:12px}
.se-sp-condition__compare{margin:12px 0 0}
.se-sp-condition__compare a{color:var(--se-primary);font-size:.875rem;font-weight:600;text-decoration:underline}

/* ── Restored professionally (Req 5) — Back Market inspection carousel ── */
.se-sp-qc{margin-top:24px}
.se-sp-qc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.se-sp-qc__title{margin:0;display:flex;align-items:center;gap:10px}
.se-sp-qc__subtitle{margin:4px 0 0;font-size:1rem;color:var(--se-text-muted)}
.se-sp-qc__arrows{display:none;gap:12px;flex:0 0 auto}
@media(min-width:768px){.se-sp-qc__arrows{display:flex;align-items:center}}
.se-sp-qc__arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--se-primary);color:var(--se-on-dark);cursor:pointer;transition:opacity .2s}
.se-sp-qc__arrow:hover{opacity:.85}
.se-sp-qc__arrow:disabled{opacity:.3;cursor:not-allowed}
.se-sp-qc__rail-wrap{position:relative}
.se-sp-qc__rail{list-style:none;margin:0;padding:4px;display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent);mask-image:linear-gradient(to right,#000 90%,transparent)}
@media(min-width:768px){.se-sp-qc__rail{gap:16px}}
.se-sp-qc__rail::-webkit-scrollbar{display:none}
.se-sp-qc__card{scroll-snap-align:start;flex:0 0 auto;width:223px;height:108px;border-radius:.75rem;overflow:hidden;background-color:var(--se-surface);background-image:url(../images/cards/fingerprint.svg),linear-gradient(135deg,rgba(237,224,208,.78) 0%,rgba(255,252,248,.72) 32%,rgba(232,201,168,.76) 68%,rgba(185,130,82,.7) 100%),url(../images/cards/holo.avif);background-size:223px 108px,cover,cover;background-position:center,center,center;background-repeat:repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,fixed;background-blend-mode:overlay,soft-light,normal}
.se-sp-qc__inner{height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:24px;cursor:pointer;background:none;border:0;width:100%;text-align:center}
.se-sp-qc__icon{display:flex;color:var(--se-text)}
.se-sp-qc__icon svg{width:32px;height:32px}
.se-sp-qc__label{font-size:.9375rem;font-weight:700;color:var(--se-text);line-height:1.3}
.se-sp-qc__pct{font-size:.8125rem;font-weight:700;color:var(--se-text)}

/* ── Trade-in (Req 6) ── */
.se-sp-tradein{background:var(--se-surface)}
.se-sp-tradein__cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;border-radius:var(--se-radius);background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:.875rem;transition:all .2s}
.se-sp-tradein__cta:hover{background:var(--se-primary-hover)}

/* ── Device knowledge: rating bars + spec cards (Req 7) ── */
.se-sp-ratings{display:grid;gap:16px;margin-bottom:32px;max-width:640px}
.se-sp-rating{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:12px}
.se-sp-rating__label{font-size:.875rem;font-weight:600;color:var(--se-text-sec)}
.se-sp-rating__bar{height:8px;border-radius:var(--se-radius-full);background:var(--se-surface-alt);overflow:hidden}
.se-sp-rating__fill{height:100%;border-radius:var(--se-radius-full);background:var(--se-accent)}
.se-sp-rating__value{font-size:.8125rem;font-weight:700;color:var(--se-text-muted)}
@media(max-width:560px){.se-sp-rating{grid-template-columns:1fr auto;grid-template-areas:"label value" "bar bar"}.se-sp-rating__label{grid-area:label}.se-sp-rating__value{grid-area:value}.se-sp-rating__bar{grid-area:bar}}
.se-sp-specgrid{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:12px 0;padding:0}
.se-sp-speccard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 calc(50% - 12px);min-width:0;padding:24px 8px;border-radius:8px;background:var(--se-surface)}
.se-sp-speccard__value{font-size:.875rem;font-weight:700;color:var(--se-text);text-align:center}
.se-sp-speccard__label{font-size:.75rem;color:var(--se-text-muted);text-align:center}
@media(min-width:768px){.se-sp-speccard{flex:1 1 calc(20% - 12px)}}
@media(max-width:767px){.se-sp-speccard:nth-child(n+7){display:none}}

/* ── Long description (Req 8) ── */
.se-sp-longdesc__block{margin-bottom:32px}
.se-sp-longdesc__block:last-child{margin-bottom:0}
.se-sp-longdesc__body{font-family:var(--se-font);font-size:1rem;font-weight:400;line-height:1.5rem;letter-spacing:0;color:var(--se-text)}
.se-sp-longdesc__body p{margin:.75rem 0}
.se-sp-longdesc__body p:first-child{margin-top:0}
.se-sp-longdesc__body p:last-child{margin-bottom:0}
.se-sp-longdesc__body ul,.se-sp-longdesc__body ol{margin:.75rem 0;padding-left:1.25rem;list-style:revert}
.se-sp-longdesc__body li{margin:.25rem 0}
.se-sp-longdesc__body a{color:var(--se-primary);text-decoration:underline}
.se-sp-longdesc__body strong,.se-sp-longdesc__body b{font-weight:700}

/* ── Full specifications grid (Req 9) ── */
.se-sp-specs-grid{width:100%;padding-top:16px;margin:12px 0;display:grid;grid-template-columns:1fr;column-gap:48px}
@media(min-width:768px){.se-sp-specs-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.se-sp-specs-grid{grid-template-columns:repeat(3,1fr)}}
.se-sp-specs-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:40px;padding:8px 0;border-top:1px solid var(--se-border)}
.se-sp-specs-row dt{font-size:1rem;font-weight:400;color:var(--se-text);line-height:1.2}
.se-sp-specs-row dd{font-size:1rem;font-weight:400;color:var(--se-text);text-align:right;line-height:1.2;margin:0}

/* ── Related articles rail (Req 11; reuses .se-rail) ── */
.se-sp-articles__card{display:flex;flex-direction:column;gap:10px;height:100%;color:inherit;text-decoration:none}
.se-sp-articles__image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;background:var(--se-surface)}
.se-sp-articles__title{font-size:.9375rem;font-weight:700;line-height:1.35;color:var(--se-text)}
.se-sp-articles__card:hover .se-sp-articles__title{color:var(--se-primary)}

/* ── Welcome / brand trust (Req 12) ── */
.se-sp-brandtrust{background:var(--se-surface);text-align:center}
.se-sp-brandtrust__title{margin:0 0 12px}
.se-sp-brandtrust__text{max-width:680px;margin:0 auto 28px;font-size:1rem;line-height:1.6;color:var(--se-text-sec)}
.se-sp-brandtrust__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.se-sp-brandtrust__badge{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}
.se-sp-brandtrust__badge-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--se-white);border:1px solid var(--se-border);color:var(--se-primary)}
.se-sp-brandtrust__badge-label{font-size:.875rem;font-weight:600;color:var(--se-text-sec)}

/* ═══════════════════════════════════════════════════════════════════
   CATEGORY PAGES (taxonomy-product_cat.php — inc/category-pages.php)
   Hub layout reuses .se-most-wanted / .se-mw-* and .se-rail-section.
   Shop layout adds a filter bar, a product grid + trade-in promo card.
   All colours/spacing reuse the existing --se-* tokens.
   ═══════════════════════════════════════════════════════════════════ */
.se-cat{padding:8px 0 var(--se-section)}
.se-cat__head{margin:8px 0 20px}
.se-cat__title{font-size:clamp(1.5rem,1.1rem + 2vw,2.25rem);font-weight:800;margin:0 0 8px}
.se-cat__intro{max-width:760px;color:var(--se-text-sec);font-size:.9375rem;line-height:1.6}
.se-cat__intro p{margin:0 0 8px}
.se-cat__count{color:var(--se-text-muted);font-size:.8125rem;margin:0 0 16px}
.se-cat__empty{grid-column:1/-1;padding:48px 0;text-align:center;color:var(--se-text-muted)}

/* ── Shop-layout hero band: breadcrumb + serif headline + subtitle ── */
.se-cat-hero{background:var(--se-bg);padding:8px 0 36px}
.se-cat-hero .se-breadcrumbs{padding:14px 0 6px}
.se-cat-hero .se-breadcrumbs a{color:var(--se-primary)}
.se-cat-hero__title{font-family:var(--se-font-serif);font-weight:600;font-size:clamp(2.1rem,1.3rem + 3.4vw,3.4rem);line-height:1.05;letter-spacing:-.01em;color:var(--se-primary);margin:14px 0 12px}
.se-cat-hero .se-reassure{margin:8px 0 24px}
.se-cat-hero__sub{max-width:none;color:var(--se-primary);font-size:clamp(1rem,.96rem + .25vw,1.0625rem);line-height:1.55;margin:0}
@media(max-width:768px){.se-cat-hero{padding-bottom:28px}.se-cat-hero__title{margin-top:8px}}
.se-cat__deals-title{margin:28px 0 20px}

/* ── Flash-deals carousel (deals page): grey box + timer + rail + arrows ── */
.se-fdeals{margin:28px 0 8px}
.se-fdeals__title{margin:0 0 16px}
.se-fdeals__box{position:relative;background:var(--se-surface-alt);border-radius:20px;padding:24px}
.se-fdeals__timer{font-size:.8125rem;font-weight:600;color:var(--se-primary);margin:0 0 16px;font-variant-numeric:tabular-nums}
.se-fdeals__rail{padding:2px}
.se-fdeals__nav{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
.se-fdeals__arrow{width:40px;height:40px;border-radius:50%;background:var(--se-primary);color:var(--se-on-dark);display:flex;align-items:center;justify-content:center;transition:opacity .2s,background .2s}
.se-fdeals__arrow:hover{background:var(--se-primary-hover)}
.se-fdeals__arrow:disabled{background:var(--se-surface);color:var(--se-text-muted);opacity:.6;cursor:default}
@media(max-width:768px){.se-fdeals__box{padding:16px}.se-fdeals__nav{display:none}}

/* ── Price-drop rail (deals page): heading + top-right arrows, no box ── */
.se-pdrop{margin:36px 0 8px}
.se-pdrop__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.se-pdrop__title{margin:0}
.se-pdrop__nav{display:flex;gap:12px;flex-shrink:0}
.se-pdrop__arrow{width:40px;height:40px;border-radius:50%;background:var(--se-primary);color:var(--se-on-dark);display:flex;align-items:center;justify-content:center;transition:opacity .2s,background .2s}
.se-pdrop__arrow:hover{background:var(--se-primary-hover)}
.se-pdrop__arrow:disabled{background:var(--se-surface);color:var(--se-text-muted);opacity:.6;cursor:default}
.se-pdrop__rail{padding:2px}
.se-pdrop__save{margin-top:4px;font-size:.875rem;font-weight:700;color:#0F8A4F}
.se-pdrop__last{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:.8125rem;color:var(--se-text-sec)}
.se-pdrop__info{display:inline-flex;color:var(--se-text-muted)}
.se-pdrop__staff{order:-1;font-size:.8125rem;font-weight:700;color:var(--se-primary);margin:0 0 8px}
@media(max-width:768px){.se-pdrop__nav{display:none}}

/* ── Filter / sort bar: Back Market pill row (sticky, scrollable) ── */
.se-filterbar{position:sticky;top:-1px;z-index:2;background:var(--se-bg);padding-top:1px;margin:0 0 8px}
.se-filterbar__scroll{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:16px 0}
.se-filterbar__scroll::-webkit-scrollbar{display:none}
.se-filterbar__group{display:flex;align-items:center;gap:8px}
.se-fpill{position:relative;display:inline-flex;align-items:center;height:32px;border-radius:var(--se-radius-full);background:var(--se-surface);color:var(--se-primary);transition:background .15s;flex-shrink:0}
.se-fpill:hover{background:var(--se-border)}
.se-fpill__chev{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;color:var(--se-primary)}
.se-fpill select{appearance:none;-webkit-appearance:none;background:transparent;border:none;height:32px;padding:0 30px 0 12px;font-size:.875rem;font-weight:400;color:var(--se-primary);cursor:pointer;width:100%;max-width:200px;text-overflow:ellipsis}
.se-fpill select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--se-primary) inset;border-radius:var(--se-radius-full)}
/* Filter pill (button with sliders icon) */
.se-fpill--filter{padding:0 8px 0 12px;cursor:pointer}
.se-fpill--filter .se-fpill__text{font-size:.875rem;font-weight:400}
.se-fpill--filter .se-fpill__chev{position:static;transform:none;margin-left:4px}
/* Sort pill: "Sort" prefix + bold value, pinned right */
.se-fpill--sort{margin-left:auto;padding-left:12px}
.se-fpill--sort .se-fpill__prefix{font-size:.875rem;font-weight:400;white-space:nowrap}
.se-fpill--sort select{width:auto;padding-left:6px;padding-right:30px;font-weight:700}
@media(max-width:768px){.se-fpill--sort{margin-left:0}}

/* ── Price filter flyout (histogram + dual-range slider) ── */
.se-fpill--price{position:relative;padding:0}
.se-fpill--price.is-set{background:var(--se-primary)}
.se-fpill--price.is-set .se-fpill__text,.se-fpill--price.is-set .se-fpill__chev{color:var(--se-on-dark)}
.se-priceflyout__toggle{display:inline-flex;align-items:center;height:32px;padding:0 30px 0 12px;font-size:.875rem;color:inherit;background:transparent;border:none;cursor:pointer;position:relative}
.se-priceflyout__toggle .se-fpill__chev{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.se-priceflyout{position:fixed;z-index:1000;width:340px;max-width:88vw;background:var(--se-white);border-radius:16px;padding:20px;box-shadow:0 12px 32px rgba(59,36,24,.16);display:flex;flex-direction:column}
.se-priceflyout[hidden]{display:none}
.se-priceflyout__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.se-priceflyout__title{font-size:1.125rem;font-weight:700;color:var(--se-primary)}
.se-flyout-clear{background:none;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--se-primary);text-decoration:underline;cursor:pointer}
.se-flyout-clear:hover{opacity:.7}
.se-priceflyout__chart{display:flex;align-items:flex-end;gap:4px;height:120px;margin:16px 0 4px}
.se-priceflyout__bar{flex:1;min-width:0;background:#CBB094;border-radius:3px 3px 0 0;transition:background .15s,opacity .15s}
.se-priceflyout__bar.is-dim{background:var(--se-border);opacity:.6}
/* Dual-range slider */
.se-priceflyout__slider{position:relative;height:36px;display:flex;align-items:center}
.se-priceflyout__track{position:absolute;left:0;right:0;height:4px;border-radius:4px;background:var(--se-border)}
.se-priceflyout__fill{position:absolute;height:4px;border-radius:4px;background:var(--se-primary)}
.se-priceflyout__range{position:absolute;left:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:36px}
.se-priceflyout__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:32px;height:32px;border-radius:10px;background:var(--se-white);border:1.5px solid var(--se-primary);box-shadow:0 1px 3px rgba(59,36,24,.2);cursor:pointer;position:relative}
.se-priceflyout__range::-webkit-slider-thumb::after{content:''}
.se-priceflyout__range::-moz-range-thumb{pointer-events:auto;width:32px;height:32px;border-radius:10px;background:var(--se-white);border:1.5px solid var(--se-primary);box-shadow:0 1px 3px rgba(59,36,24,.2);cursor:pointer}
.se-priceflyout__range::-webkit-slider-runnable-track{background:transparent}
.se-priceflyout__range::-moz-range-track{background:transparent}
/* Min/Max number fields */
.se-priceflyout__inputs{display:flex;gap:12px;margin-top:14px}
.se-priceflyout__field{flex:1;display:flex;flex-direction:column;gap:2px;border:1px solid var(--se-border);border-radius:10px;padding:8px 12px}
.se-priceflyout__field:focus-within{border-color:var(--se-primary)}
.se-priceflyout__field span{font-size:.75rem;color:var(--se-text-muted)}
.se-priceflyout__field input{border:none;outline:none;font-family:inherit;font-size:1rem;color:var(--se-primary);background:transparent;width:100%}
.se-priceflyout__field input::-webkit-outer-spin-button,.se-priceflyout__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.se-priceflyout__avg{font-size:.875rem;color:var(--se-text-sec);margin:14px 0 0}
.se-priceflyout__apply{margin-top:16px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-priceflyout__apply:hover{background:var(--se-primary-hover)}
@media(max-width:768px){.se-priceflyout{left:0}}

/* ── Attribute / subcategory filter flyout (search + checkboxes) ── */
.se-fpill--multi{position:relative;padding:0}
.se-fpill--multi.is-set{background:var(--se-primary)}
.se-fpill--multi.is-set .se-fpill__text,.se-fpill--multi.is-set .se-fpill__chev{color:var(--se-on-dark)}
.se-ffly__toggle{display:inline-flex;align-items:center;height:32px;padding:0 30px 0 12px;font-size:.875rem;color:inherit;background:transparent;border:none;cursor:pointer;position:relative;white-space:nowrap}
.se-ffly__toggle .se-fpill__chev{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.se-ffly{position:fixed;z-index:1000;width:320px;max-width:90vw;background:var(--se-white);border-radius:16px;padding:20px;box-shadow:0 12px 32px rgba(59,36,24,.16);display:flex;flex-direction:column;max-height:min(70vh,520px)}
.se-ffly[hidden]{display:none}
.se-ffly__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.se-ffly__title{font-size:1.125rem;font-weight:700;color:var(--se-primary)}
.se-ffly__search{position:relative;margin-bottom:12px}
.se-ffly__searchinput{width:100%;height:48px;padding:0 44px 0 16px;border:1px solid var(--se-border);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--se-primary);outline:none}
.se-ffly__searchinput:focus{border-color:var(--se-primary)}
.se-ffly__searchinput::-webkit-search-cancel-button{-webkit-appearance:none}
.se-ffly__search-ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--se-text-muted);pointer-events:none}
.se-ffly__list{overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin:0;padding:2px;flex:1}
.se-ffly__opt{list-style:none}
.se-ffly__check{display:flex;align-items:center;gap:12px;border:1px solid var(--se-border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}
.se-ffly__check:hover{border-color:var(--se-primary)}
.se-ffly__check input{position:absolute;opacity:0;width:0;height:0}
.se-ffly__box{flex-shrink:0;width:24px;height:24px;border:1.5px solid var(--se-border);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--se-on-dark);transition:background .15s,border-color .15s}
.se-ffly__box svg{width:16px;height:16px;opacity:0}
.se-ffly__check input:checked + .se-ffly__box{background:var(--se-primary);border-color:var(--se-primary)}
.se-ffly__check input:checked + .se-ffly__box svg{opacity:1}
.se-ffly__check input:focus-visible + .se-ffly__box{box-shadow:0 0 0 2px var(--se-accent)}
.se-ffly__optlabel{font-size:1rem;color:var(--se-primary)}
.se-ffly__empty{list-style:none;padding:16px;text-align:center;color:var(--se-text-muted);font-size:.875rem}
.se-ffly__apply{margin-top:16px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s;flex-shrink:0}
.se-ffly__apply:hover{background:var(--se-primary-hover)}

/* ── Sort flyout (radio options) ── */
.se-fpill--sort{position:relative;margin-left:auto;padding:0}
.se-sortfly__toggle{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 30px 0 12px;background:transparent;border:none;font-family:inherit;font-size:.875rem;color:var(--se-primary);cursor:pointer;position:relative;white-space:nowrap}
.se-sortfly__toggle .se-fpill__prefix{font-weight:400}
.se-sortfly__toggle .se-fpill__text{font-weight:700}
.se-sortfly__toggle .se-fpill__chev{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.se-sortfly{position:fixed;z-index:1000;width:320px;max-width:90vw;background:var(--se-white);border-radius:16px;padding:16px;box-shadow:0 12px 32px rgba(59,36,24,.16);display:flex;flex-direction:column;gap:12px}
.se-sortfly[hidden]{display:none}
.se-sortfly__opt{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--se-border);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .15s}
.se-sortfly__opt:hover{border-color:var(--se-primary)}
.se-sortfly__opt input{position:absolute;opacity:0;width:0;height:0}
.se-sortfly__radio{flex-shrink:0;width:24px;height:24px;border:2px solid var(--se-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .15s}
.se-sortfly__radio::after{content:'';width:12px;height:12px;border-radius:50%;background:var(--se-primary);transform:scale(0);transition:transform .15s}
.se-sortfly__opt input:checked ~ .se-sortfly__radio{border-color:var(--se-primary)}
.se-sortfly__opt input:checked ~ .se-sortfly__radio::after{transform:scale(1)}
.se-sortfly__opt.is-selected{border-color:var(--se-primary);box-shadow:inset 0 0 0 1px var(--se-primary)}
.se-sortfly__label{font-size:1rem;color:var(--se-primary)}
.se-sortfly__apply{margin-top:4px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-sortfly__apply:hover{background:var(--se-primary-hover)}

/* ── Full filter drawer (opened by the "Filter" pill) ── */
.se-fdrawer{position:fixed;inset:0;z-index:100000}
.se-fdrawer[hidden]{display:none}
.se-fdrawer__backdrop{position:absolute;inset:0;background:rgba(59,36,24,.45)}
.se-fdrawer__panel{position:absolute;top:0;right:0;height:100%;width:440px;max-width:92vw;background:var(--se-bg);display:flex;flex-direction:column;border-radius:20px 0 0 20px;box-shadow:-8px 0 32px rgba(59,36,24,.18);animation:se-fdrawer-in .25s ease}
@keyframes se-fdrawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.se-fdrawer__head{position:relative;display:flex;align-items:center;justify-content:center;height:60px;border-bottom:1px solid var(--se-border);flex-shrink:0}
.se-fdrawer__title{font-size:1rem;font-weight:600;color:var(--se-primary)}
.se-fdrawer__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:10px 18px;border:none;border-radius:12px;background:var(--se-primary);color:var(--se-on-dark);font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-fdrawer__clear:hover{background:var(--se-primary-hover)}
.se-fdrawer__close{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--se-primary);cursor:pointer;border-radius:50%}
.se-fdrawer__close:hover{background:var(--se-surface)}
.se-fdrawer__close[hidden]{display:none}
.se-fdrawer__back{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--se-primary);cursor:pointer;border-radius:50%}
.se-fdrawer__back:hover{background:var(--se-surface)}
.se-fdrawer__back[hidden]{display:none}
.se-fdrawer__list,.se-fdrawer__detail{flex:1;overflow-y:auto;padding:8px 20px}
.se-fdrawer__detail[hidden],.se-fdrawer__list[hidden]{display:none}
.se-fdrawer__row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 4px;background:transparent;border:none;border-bottom:1px solid var(--se-border);font-family:inherit;font-size:1rem;color:var(--se-primary);cursor:pointer}
.se-fdrawer__row:hover{background:var(--se-surface)}
.se-fdrawer__chev{width:22px;height:22px;color:var(--se-text-muted)}
.se-fdrawer__options{display:flex;flex-direction:column;gap:10px;padding:4px 0}
.se-fdrawer__foot{flex-shrink:0;padding:16px 20px;border-top:1px solid var(--se-border)}
.se-fdrawer__apply{width:100%;padding:16px;border:none;border-radius:12px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-fdrawer__apply:hover{background:var(--se-primary-hover)}
/* Price histogram/slider relocated into the drawer's Price detail */
.se-priceflyout--inline{position:static!important;width:100%!important;max-width:none!important;box-shadow:none!important;padding:8px 0!important;border-radius:0!important}
.se-priceflyout--inline .se-priceflyout__head,.se-priceflyout--inline .se-priceflyout__apply{display:none}

/* ── Product grid ── */
.se-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.se-cat-results{transition:opacity .15s}
.se-cat-results.is-loading{opacity:.45;pointer-events:none}
.se-cat-grid__item{min-width:0}
@media(max-width:1024px){.se-cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.se-cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.se-cat-grid{grid-template-columns:1fr}}

/* Product card: image on top, info below. Width ~350px. */
.se-gc{position:relative;background:var(--se-white);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease}
.se-gc:hover{box-shadow:0 4px 12px rgba(59,36,24,.08)}
.se-gc__media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.se-gc__img{width:100%;max-width:220px;height:220px;object-fit:contain;margin:0 auto;display:block}
.se-gc__swatches{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}
.se-gc__swatch{width:12px;height:12px;border-radius:4px;border:1px solid var(--se-border);margin:2px}
.se-gc__more{font-size:.75rem;color:var(--se-primary);margin-left:4px}
.se-gc__info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.se-gc__title{font-size:1rem;font-weight:700;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.se-gc__link{color:inherit}
.se-gc__link::after{content:"";position:absolute;inset:0;z-index:1}
.se-gc__price{display:flex;flex-direction:column}
.se-gc__starting{font-size:.75rem;color:var(--se-text-muted)}
.se-gc__amt{font-size:1.5rem;font-weight:800;line-height:1.1;color:var(--se-text)}
.se-gc__amt sup{font-size:.75rem;font-weight:700;top:-.5em}
.se-gc__was{font-size:.8125rem;color:var(--se-text-muted);margin-top:2px}

.se-tradein{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--se-surface);border-radius:16px;padding:24px}
.se-tradein__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--se-white);color:var(--se-primary)}
.se-tradein__title{font-size:1.125rem;font-weight:800;margin:4px 0 0}
.se-tradein__text{font-size:.8125rem;color:var(--se-text-sec);line-height:1.5;margin:0}
.se-tradein__btn{margin-top:auto;background:var(--se-primary);color:var(--se-on-dark);border-radius:var(--se-radius-full);justify-content:center}
.se-tradein__btn:hover{background:var(--se-primary-hover)}
.se-tradein__link{font-size:.8125rem;font-weight:700;color:var(--se-primary);text-decoration:underline}

/* Hub child tiles: reuse .se-most-wanted spacing but trim the top gap. */
.se-cat__tiles{padding-top:8px}

/* ── Reassurance bar (warranty / shipping / returns / service) ──
   Faithful port of the Back Market landing strip: a rounded light-gray bar,
   each item a 48px icon (12px inner pad → 24px glyph) + label. Horizontally
   scrollable on mobile; items stretch to equal width from 768px up. */
.se-reassure{margin:0 0 4px}
.se-reassure__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.se-reassure__scroll::-webkit-scrollbar{display:none}
.se-reassure__list{display:inline-flex;justify-content:flex-start;gap:32px;background:var(--se-surface-alt);color:var(--se-text);border-radius:var(--se-radius);padding:16px 24px;list-style:none;margin:0}
.se-reassure__item{min-height:48px;width:160px;flex-shrink:0;list-style:none}
.se-reassure__inner{display:flex;height:100%;align-items:center}
.se-reassure__icon{margin-right:12px;flex-shrink:0;padding:12px;vertical-align:middle}
.se-reassure__label{font-size:.875rem;display:inline-block;overflow:hidden;word-break:break-word;text-align:left;vertical-align:middle}
@media(min-width:768px){
  .se-reassure__list{display:flex;width:100%}
  .se-reassure__item{max-width:none;flex:1}
  .se-reassure__label{flex:1}
}

/* ── Compare button (appears top-right on card hover) ── */
.se-gc__compare{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;padding:8px;border-radius:8px;background:transparent;color:var(--se-text);cursor:pointer;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s,background .2s,max-width .3s ease-in-out}
.se-gc:hover .se-gc__compare{visibility:visible;opacity:1;background:var(--se-surface)}
.se-gc__compare:hover{background:var(--se-surface)}
/* Active (Clear) state: stays visible, swaps icon, keeps label shown */
.se-gc__ic--done{display:none}
.se-gc__compare.is-active .se-gc__ic--add{display:none}
.se-gc__compare.is-active .se-gc__ic--done{display:block}
.se-gc__compare.is-active{visibility:visible;opacity:1;background:var(--se-surface)}
.se-gc__compare.is-active .se-gc__compare-label{max-width:400px;opacity:1;margin-right:8px}
.se-gc__compare-label{font-size:.875rem;font-weight:700;overflow:hidden;white-space:nowrap;max-width:0;opacity:0;transition:max-width .3s ease-in-out,opacity .1s}
.se-gc:hover .se-gc__compare-label{max-width:400px;opacity:1;margin-right:8px}

/* Compare button checked state */
.se-gc__compare.is-active svg rect{fill:var(--se-surface)}
.se-gc__compare.is-active svg{color:var(--se-primary)}

/* ── Compare tray (fixed bottom bar) ── */
.se-cbar{position:fixed;inset-inline:0;bottom:0;z-index:20;background:var(--se-white);border-top:1px solid var(--se-border);border-radius:12px 12px 0 0;box-shadow:0 8px 16px rgba(59,36,24,.12);padding:12px 24px calc(12px + env(safe-area-inset-bottom))}
.se-cbar__inner{max-width:1168px;margin:0 auto;padding:12px 0}
.se-cbar__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}
.se-cbar__intro{display:flex;align-items:center;gap:16px}
.se-cbar__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:var(--se-surface);color:var(--se-primary);flex-shrink:0}
.se-cbar__title{font-size:1.125rem;font-weight:700;line-height:1.2}
.se-cbar__sub{font-size:.875rem;color:var(--se-text-muted)}
.se-cbar__actions{display:flex;gap:12px;flex-shrink:0}
.se-cbar__clear,.se-cbar__go{padding:11px 16px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,opacity .2s}
.se-cbar__clear{background:var(--se-white);border:1px solid var(--se-primary);color:var(--se-primary)}
.se-cbar__clear:hover{background:var(--se-surface-alt)}
.se-cbar__go{background:var(--se-primary);color:var(--se-on-dark);border:1px solid var(--se-primary)}
.se-cbar__go:hover{background:var(--se-primary-hover)}
.se-cbar__go:disabled{background:var(--se-border);border-color:var(--se-border);color:var(--se-text-muted);cursor:not-allowed}
.se-cbar__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
.se-cbar__slot{display:flex;align-items:stretch}
.se-cbar__card{position:relative;width:100%;border:1px solid var(--se-border);border-radius:8px;padding:16px;text-align:center}
.se-cbar__card img{margin:0 auto;height:64px;width:auto;object-fit:contain}
.se-cbar__name{display:block;margin-top:12px;font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-cbar__remove{position:absolute;top:0;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--se-surface);color:var(--se-primary);cursor:pointer;border:0;padding:8px}
.se-cbar__remove:hover{background:var(--se-surface)}
.se-cbar__empty{display:flex;align-items:center;justify-content:center;width:100%;background:var(--se-surface-alt);border:1px solid var(--se-border);border-radius:8px;padding:16px;text-align:center;font-size:.875rem;color:var(--se-text-muted)}
@media(max-width:1024px){
  .se-cbar__head{display:none}
  .se-cbar__slots{grid-template-columns:repeat(2,1fr)}
  .se-cbar__slot:nth-child(n+3){display:none}
}

/* ── Compare modal (full-screen overlay) ── */
.se-cmp{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center}
.se-cmp[hidden]{display:none}
.se-cmp__backdrop{position:absolute;inset:0;background:rgba(36,24,18,.6)}
.se-cmp__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:1168px;max-height:100dvh;margin:0 auto;background:var(--se-white);box-shadow:0 8px 16px rgba(59,36,24,.12)}
@media(min-width:1024px){.se-cmp__dialog{top:96px;max-height:calc(100dvh - 96px);border-radius:12px 12px 0 0}}
.se-cmp__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px}
.se-cmp__intro{display:flex;align-items:center;gap:16px}
.se-cmp__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:var(--se-surface);color:var(--se-primary);flex-shrink:0}
.se-cmp__title{font-size:1.125rem;font-weight:700;line-height:1.2}
.se-cmp__sub{font-size:.875rem;color:var(--se-text-muted)}
.se-cmp__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--se-surface-alt);color:var(--se-text);cursor:pointer;flex-shrink:0;transition:background .2s}
.se-cmp__close:hover{background:var(--se-border)}
.se-cmp__body{flex:1;overflow-y:auto;padding:8px 24px 48px}

.se-cmp__grid{display:grid;grid-template-columns:repeat(var(--cmp-cols,2),1fr);gap:24px}
@media(min-width:1024px){.se-cmp__grid{gap:40px}}

.se-cmp__cards{margin-bottom:48px}
.se-cmp__card{display:flex;flex-direction:column}
.se-cmp__media{border:1px solid var(--se-border);border-radius:8px;padding:16px;background:var(--se-white)}
.se-cmp__media img{display:block;width:100%;height:218px;object-fit:contain}
.se-cmp__name{margin-top:12px;font-size:1.125rem;font-weight:700;line-height:1.25}
.se-cmp__price{margin-top:4px}
.se-cmp__starting{display:block;font-size:.75rem;color:var(--se-text-muted)}
.se-cmp__amt{font-size:1.5rem;font-weight:800;line-height:1.1;color:var(--se-text)}
.se-cmp__amt sup{font-size:.7rem;font-weight:700;top:-.55em}
.se-cmp__was{display:block;font-size:.8125rem;color:var(--se-text-muted);margin-top:2px}
.se-cmp__cta{margin-top:16px;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:6px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;text-decoration:none;transition:background .2s}
.se-cmp__cta:hover{background:var(--se-primary-hover);color:var(--se-on-dark)}

.se-cmp__section{margin:48px 0 12px;font-size:1.75rem;font-weight:600;font-family:var(--se-font-serif,inherit);color:var(--se-text)}
.se-cmp__row{margin-bottom:24px}
.se-cmp__label{margin-bottom:8px;font-size:1rem;font-weight:700}
.se-cmp__values .se-cmp__value{background:var(--se-surface-alt);border-radius:8px;padding:12px;min-height:48px;display:flex;align-items:center}
.se-cmp__value--spec{font-size:1.125rem;font-weight:700;color:var(--se-text)}
.se-cmp__value--rating{padding:12px}
.se-cmp__value--colors{gap:6px}
.se-cmp__value--score{background:transparent;padding:0;min-height:0}
.se-cmp__bar{width:100%;height:12px;border-radius:4px;background:var(--se-surface-alt);overflow:hidden}
.se-cmp__bar-fill{height:100%;border-radius:4px;background:linear-gradient(to right,var(--se-primary),#59de99)}
.se-cmp__muted{color:var(--se-text-muted)}

.se-cmp__stars{display:inline-flex;align-items:center;color:var(--se-primary)}
.se-cmp__stars-wrap{position:relative;display:inline-flex;line-height:0}
.se-cmp__stars-bg{display:inline-flex;color:var(--se-border)}
.se-cmp__stars-fill{position:absolute;top:0;left:0;display:inline-flex;overflow:hidden;color:var(--se-primary);white-space:nowrap}
.se-cmp__stars-fill svg,.se-cmp__stars-bg svg{flex-shrink:0}
.se-cmp__rscore{margin-left:6px;font-size:.875rem;font-weight:700;color:var(--se-text)}
.se-cmp__swatch{width:16px;height:16px;border-radius:4px;border:1px solid var(--se-border)}
.se-cmp__more{font-size:.875rem;font-weight:700;color:var(--se-primary)}

@media(max-width:1024px){
  .se-cmp__media img{height:140px}
  .se-cmp__name{font-size:1rem}
  .se-cmp__section{font-size:1.375rem}
}

/* ── Pagination (round arrows, dark current, white number squares) ── */
.se-pager{display:flex;justify-content:center;margin:32px 0 8px}
.se-pager .page-numbers{display:flex;list-style:none;gap:8px;margin:0;padding:0;align-items:center}
.se-pager .page-numbers li{display:flex}
.se-pager a.page-numbers,.se-pager span.page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:8px;background:var(--se-white);color:var(--se-text);font-weight:700;font-size:1rem;text-decoration:none;transition:background .2s}
.se-pager a.page-numbers:hover{background:var(--se-surface-alt)}
.se-pager .page-numbers.current{background:var(--se-primary);color:var(--se-on-dark)}
.se-pager .page-numbers.dots{background:transparent;color:var(--se-text-muted);font-weight:700}
.se-pager a.prev,.se-pager a.next,.se-pager span.prev,.se-pager span.next{min-width:40px;width:40px;height:40px;padding:0;border-radius:50%;background:var(--se-surface-alt);color:var(--se-text)}
.se-pager a.prev:hover,.se-pager a.next:hover{background:var(--se-border)}

/* ── Hub rails ("Shop our best deals" carousel) ── */
.se-rrail-section{padding:24px 0}
.se-rrail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.se-rrail-head .se-section-title{margin:0}
.se-rrail-nav{display:flex;gap:10px;flex-shrink:0}
.se-rrail-arrow{width:40px;height:40px;border-radius:50%;background:var(--se-surface-alt);color:var(--se-primary);display:flex;align-items:center;justify-content:center;transition:background .2s}
.se-rrail-arrow:hover{background:var(--se-border)}
.se-rrail{display:flex;gap:16px;list-style:none;margin:0;padding:0 0 8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.se-rrail::-webkit-scrollbar{display:none}
.se-rrail__item{list-style:none;scroll-snap-align:start;flex:0 0 256px}
.se-rcard{position:relative;width:256px;height:329px;background:var(--se-white);border-radius:12px;box-shadow:0 2px 4px rgba(59,36,24,.05);padding:16px;transition:box-shadow .2s;display:flex;flex-direction:column}
.se-rcard:hover{box-shadow:0 6px 14px rgba(59,36,24,.1)}
.se-rcard__img{display:block;height:180px;width:auto;max-width:100%;margin:0 auto auto;object-fit:contain}
.se-rcard__title{font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.se-rcard__link{color:inherit}
.se-rcard__link::after{content:"";position:absolute;inset:0}
.se-rcard__desc{font-size:.875rem;color:var(--se-text-muted);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.se-rcard__rating{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--se-primary);margin-bottom:8px}
.se-rcard__stars{display:inline-flex;align-items:center}
.se-rcard__rscore{font-weight:700}
.se-rcard__rcount{color:var(--se-text-muted)}
.se-rcard__amt{font-size:1.375rem;font-weight:800;line-height:1.1;color:var(--se-text)}
.se-rcard__amt sup{font-size:.7rem;font-weight:700;top:-.5em}
.se-rcard__was{display:block;font-size:.8125rem;color:var(--se-text-muted);margin-top:2px}

/* ── Reinsurance row (after first hub rail) ── */
.se-reinsure{padding:16px 0 40px}
.se-reinsure__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0;padding:12px;border-radius:12px}
.se-reinsure__item{display:flex;align-items:center;gap:12px}
.se-reinsure__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:8px;background:var(--se-pop);color:var(--se-primary)}
.se-reinsure__label{font-size:.875rem;font-weight:700;line-height:1.25;color:var(--se-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:768px){.se-reinsure__grid{grid-template-columns:1fr}}

/* Deals page (shop layout): icon squares flush with the page gutter. */
.se-cat--shop .se-reinsure .se-container{max-width:none;padding-left:0;padding-right:0}
.se-cat--shop .se-reinsure__icon{background:var(--se-pop)}

/* ── Content-media promo blocks (hub) ── */
.se-content-media{padding:0 0 56px}
.se-content-media__inner{display:flex;flex-direction:column;gap:16px}
.se-content-media__text{display:flex;flex-direction:column;justify-content:center;order:1}
.se-content-media__title{font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);font-weight:800;margin:0 0 8px}
.se-content-media__body{font-size:1rem;color:var(--se-text-sec);line-height:1.6;margin:0 0 20px;max-width:46ch}
.se-content-media__cta{align-self:flex-start;background:var(--se-primary);color:var(--se-on-dark);border-radius:6px;justify-content:center}
.se-content-media__cta:hover{background:var(--se-primary-hover)}
.se-content-media__media img{width:100%;height:auto;border-radius:12px;display:block}
@media(min-width:768px){
  .se-content-media__inner{flex-direction:row;align-items:center;gap:56px}
  .se-content-media__text{flex:1}
  .se-content-media__media{width:448px;flex-shrink:0}
}

/* Knowledge section heading: heading-3 scale (1.125rem / 600) */
.se-sp-knowledge__title{font-family:var(--se-font-display);font-size:1.125rem;font-weight:600;line-height:1.5rem;letter-spacing:0;margin:0 0 20px}

/* Reassurance bar on the single product page */
.se-sp-reassure{padding:24px 0 var(--se-section)}

/* ── Quality-checked: cards are clickable, open a slide-in drawer ── */
.se-qc-drawer{position:fixed;inset:0;z-index:1000}
.se-qc-drawer[hidden]{display:none}
.se-qc-drawer__backdrop{position:absolute;inset:0;background:rgba(59,36,24,.5);opacity:0;transition:opacity .25s}
.se-qc-drawer.is-open .se-qc-drawer__backdrop{opacity:1}
.se-qc-drawer__panel{position:absolute;top:0;right:0;height:100%;width:100%;max-width:380px;background:var(--se-surface);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;outline:none;border-radius:12px 0 0 12px;overflow:hidden}
.se-qc-drawer.is-open .se-qc-drawer__panel{transform:translateX(0)}
@media(max-width:480px){.se-qc-drawer__panel{max-width:none;top:auto;bottom:0;height:90dvh;border-radius:12px 12px 0 0;transform:translateY(100%)}.se-qc-drawer.is-open .se-qc-drawer__panel{transform:translateY(0)}}
.se-qc-drawer__head{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 56px;border-bottom:1px solid var(--se-border)}
.se-qc-drawer__title{font-size:1rem;font-weight:600;margin:0}
.se-qc-drawer__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--se-surface-alt);color:var(--se-text);cursor:pointer;border:0}
.se-qc-drawer__close:hover{background:var(--se-border)}
.se-qc-drawer__body{flex:1;overflow-y:auto;padding:24px}
.se-qc-drawer__heading{font-size:1.375rem;font-weight:800;text-align:center;margin:0 0 16px}
.se-qc-acc{list-style:none;margin:0;padding:0;border-top:1px solid var(--se-border)}
.se-qc-acc__item{border-bottom:1px solid var(--se-border)}
.se-qc-acc__trigger{display:flex;align-items:center;gap:8px;width:100%;padding:20px 0;background:none;border:0;cursor:pointer;text-align:left;color:var(--se-text)}
.se-qc-acc__icon{flex-shrink:0;display:inline-flex;color:var(--se-text)}
.se-qc-acc__label{flex:1;font-size:1rem;color:var(--se-primary)}
.se-qc-acc__chev{flex-shrink:0;transition:transform .2s;color:var(--se-text-muted)}
.se-qc-acc__trigger.is-open .se-qc-acc__chev{transform:rotate(180deg)}
.se-qc-acc__panel{padding:0 0 20px;font-size:.875rem;color:var(--se-text-sec);line-height:1.5}
.se-qc-acc__panel p{margin:0}

/* ── Single product sticky bar (appears on scroll) ── */
.se-sticky-bar{position:fixed;inset-inline:0;top:0;z-index:90;background:var(--se-white);border-bottom:1px solid var(--se-border);box-shadow:0 2px 8px rgba(59,36,24,.06);padding:12px 0;transform:translateY(-100%);transition:transform .25s ease}
.se-sticky-bar[hidden]{display:none}
.se-sticky-bar.is-visible{transform:translateY(0)}
.se-sticky-bar__inner{display:flex;align-items:center;gap:12px}
.se-sticky-bar__img{width:51px;height:51px;object-fit:contain;flex-shrink:0}
.se-sticky-bar__meta{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}
.se-sticky-bar__name{font-size:.875rem;font-weight:700;white-space:nowrap;flex-shrink:0}
.se-sticky-bar__chips{font-size:.8125rem;color:var(--se-text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.se-sticky-bar__pricing{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}
.se-sticky-bar__price{font-size:1.25rem;font-weight:800}
.se-sticky-bar__save{font-size:.8125rem;font-weight:700;color:#15803D;background:var(--se-surface);border-radius:4px;padding:2px 6px;white-space:nowrap}
.se-sticky-bar__cart{flex-shrink:0;background:var(--se-primary);color:var(--se-on-dark);border-radius:6px;justify-content:center;min-width:200px}
.se-sticky-bar__cart:hover{background:var(--se-primary-hover)}
/* Hidden on small screens (matches reference md:flex) */
@media(max-width:767px){.se-sticky-bar__chips{display:none}.se-sticky-bar__cart{min-width:120px}.se-sticky-bar__name{max-width:120px}}
/* Scroll-progress line along the bottom of the sticky bar */
.se-sticky-bar__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--se-surface-alt)}
.se-sticky-bar__progress-fill{display:block;height:100%;width:0;background:var(--se-primary);transition:width .1s linear}

/* ── Apple certification badge + payment logos ── */
.se-sp-header__apple-cert{flex:1 1 100%;display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--se-text);margin-top:12px}
.se-sp-header__apple-cert svg{flex-shrink:0}
/* ── Payment logos: own full-width row below the cert ── */
.se-sp-header__pay{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.se-sp-header__pay-logo{height:24px;width:auto;object-fit:contain;border:1px solid var(--se-border);border-radius:4px;background:var(--se-white);padding:2px 6px}

/* Cart row: Add to cart button + wishlist heart side by side, on the right */
.se-sp-header__cart-row{flex:0 1 auto;display:flex;align-items:center;gap:8px}
.se-sp-header__cart-row .se-sp-header__cart{flex:1 1 auto;margin:0}
.se-sp-header__cart-row .se-sp-header__cart form.cart{margin:0}
.se-sp-header__cart-row .se-sp-header__wishlist{flex-shrink:0;width:52px;height:52px}

/* Returns/warranty info card as a button + its drawer content */
.se-sp-info--btn{width:100%;text-align:left;border:0;cursor:pointer;font:inherit;color:inherit}
.se-rw__heading{font-size:1.125rem;font-weight:700;margin:0 0 16px}
.se-rw__item{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}
.se-rw__item-icon{flex-shrink:0;color:var(--se-text)}
.se-rw__item-body{min-width:0}
.se-rw__item-title{font-size:1rem;font-weight:700;margin:0 0 4px}
.se-rw__item-text{font-size:.875rem;color:var(--se-text-sec);line-height:1.5;margin:0}
.se-rw__sep{border:0;border-top:1px solid var(--se-border);margin:8px 0 16px}

/* ═══════════════════════════════════════════════════════════════════
   CART PAGE — Back Market–style line-item cards (woocommerce/cart/cart.php)
   ═══════════════════════════════════════════════════════════════════ */
.woocommerce-cart .woocommerce{max-width:none;margin:0;padding:0}
.woocommerce-cart .se-cart__layout{width:100%}
/* Neutralize WooCommerce core's float/48% on the cart form + collaterals. */
.woocommerce-cart .se-cart__layout .woocommerce-cart-form,
.woocommerce-cart .se-cart__layout .cart-collaterals,
.woocommerce-cart .se-cart__layout .cart_totals{width:100%;float:none;margin:0}
.woocommerce-cart .se-cart__layout::before,
.woocommerce-cart .se-cart__layout::after{content:none}

/* ── Page layout: two columns ── */
/* Columns are pinned by name so placement never depends on DOM child order.
   (A stray first grid child — e.g. a WooCommerce notices node — would
   otherwise take the 1fr cell and push the cart into the 380px column.) */
.se-cart__layout{display:grid;grid-template-columns:1fr 380px;grid-template-areas:"main summary";gap:32px;align-items:start;max-width:1200px;margin:0 auto;padding:24px 16px}

/* Left column — cart items */
.se-cart__main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:16px}

/* Right column — summary, sticky */
.se-cart__sidebar{grid-area:summary;min-width:0;position:sticky;top:24px;align-self:start}

/* ── Item wrapper ── */
.se-cart__item{display:flex;flex-direction:column}
.se-cart__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.se-cart__items.is-busy{opacity:.55;pointer-events:none;transition:opacity .15s}
.se-cart__title{font-family:var(--se-font-display);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 8px}
.se-cart__form{margin:0}

/* ── Card shell ── */
.se-cart__card{display:flex;flex-direction:column;background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;overflow:hidden}

/* ── Top row: image | name | right column ── */
.cart-item-top{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px}

/* Image */
.cart-item-image{flex:0 0 72px;width:72px}
.cart-item-image img{width:72px;height:72px;object-fit:contain;display:block}
.se-cart__illustration a{display:block;line-height:0}

/* Name + badges — fills remaining space */
.cart-item-name{flex:1 1 auto;min-width:0}
.se-cart__name{font-size:.9375rem;font-weight:700;line-height:1.3}
.se-cart__name a{color:inherit;text-decoration:none}
.se-cart__name a:hover{text-decoration:underline}
.se-cart__badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;list-style:none;padding:0}
.se-cart__badge{border:1px solid var(--se-border);border-radius:5px;padding:1px 7px;font-size:.75rem;font-weight:600}

/* Right column — price then qty/remove, top-aligned */
.cart-item-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.se-cart__price-cell{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.se-cart__price{font-size:1.125rem;font-weight:700;white-space:nowrap}
.se-cart__save-row{display:flex;align-items:baseline;gap:6px;justify-content:flex-end}
.se-cart__save{background:#d1fae5;color:#065f46;border-radius:4px;padding:0 6px;font-size:.75rem;font-weight:700}
.se-cart__was{font-size:.75rem;color:#8A7B6C}
.se-cart__was s{text-decoration:line-through}
.se-cart__manage{display:flex;align-items:center;gap:8px}
.se-cart__qty{position:relative;display:inline-flex;width:60px}
.se-cart__qty select{appearance:none;-webkit-appearance:none;width:100%;height:30px;padding:0 24px 0 10px;border:1px solid var(--se-border);border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer}
.se-cart__qty select:focus-visible{outline:2px solid var(--se-primary);outline-offset:1px}
.se-cart__qty::after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;border-right:2px solid var(--se-text-sec);border-bottom:2px solid var(--se-text-sec);transform:translateY(-65%) rotate(45deg);pointer-events:none}
.se-cart__qty--single{align-items:center;justify-content:center;height:30px;border:1px solid var(--se-border);border-radius:8px;font-weight:700}
.se-cart__qty--single::after{display:none}
.se-cart__remove{height:30px;padding:0 12px;border:1px solid #e53935;border-radius:8px;background:var(--se-white);color:#e53935;font-size:.8125rem;font-weight:700;cursor:pointer}
.se-cart__remove:hover{background:#e53935;color:var(--se-on-dark)}

/* ── Delivery banner — full width inside card ── */
.se-cart__delivery{padding:0 16px 16px}
.se-cart__delivery-banner{display:flex;align-items:center;gap:8px;background:var(--se-surface-alt);border-radius:8px;padding:8px 12px}
.se-cart__delivery-icon{width:18px;height:18px;flex-shrink:0;color:var(--se-primary)}
.se-cart__delivery-icon svg{width:18px;height:18px}
.se-cart__delivery-text{font-size:.8125rem;font-weight:700;color:var(--se-primary)}

/* ── Mobile: stack columns ── */
@media(max-width:767px){
  .se-cart__layout{grid-template-columns:1fr;grid-template-areas:"main" "summary"}
  .se-cart__sidebar{position:static}
}

/* Actions row (coupon + update) */
.se-cart__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.se-cart__coupon{display:flex;gap:8px;flex:1 1 280px;min-width:0}
.se-cart__coupon .input-text{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--se-border);border-radius:8px;font-size:.9375rem}
.se-btn--ghost{background:var(--se-white);border:1px solid var(--se-border);color:var(--se-text);padding:10px 18px;border-radius:8px;font-weight:700}
.se-btn--ghost:hover{background:var(--se-surface)}
.se-cart__update{margin-left:auto}

.se-cart__collaterals{margin-top:0}

/* ── Generic page template (page.php) ── */
.se-page__inner{padding:32px 0 64px}
.se-page__title{font-size:2rem;font-weight:800;margin:0 0 20px}
.se-page__content{font-size:1rem;line-height:1.7;color:var(--se-text)}
.se-page__content h2{font-size:1.5rem;font-weight:800;margin:28px 0 12px}
.se-page__content h3{font-size:1.25rem;font-weight:700;margin:24px 0 10px}
.se-page__content p{margin:0 0 16px}
.se-page__content a{color:var(--se-primary);text-decoration:underline}
.se-page__content ul,.se-page__content ol{margin:0 0 16px 20px}
.se-page__content img{border-radius:12px}

/* ── Repair & Care page (page-repair-care.php) ── */
.se-repair{padding-top:24px}
.se-repair__section{margin-bottom:56px}

/* Typography scale (mirrors the reference's punchline / heading / body tokens) */
.se-repair .punchline{font-family:var(--se-font-serif);font-weight:600;font-size:clamp(2.25rem,1.5rem + 3vw,3rem);line-height:1.08;letter-spacing:-.01em;color:var(--se-text);margin:0}
.se-repair .heading-2{font-family:var(--se-font-display);font-weight:700;font-size:clamp(1.5rem,1.3rem + .8vw,1.75rem);line-height:1.2;color:var(--se-text);margin:0}
.se-repair .heading-3{font-family:var(--se-font-display);font-weight:600;font-size:1.25rem;line-height:1.5;color:var(--se-text);margin:0}
.se-repair .body-1{font-size:1rem;line-height:1.5}
.se-repair .body-2{font-size:.875rem;line-height:1.45}
.se-repair .text-low{color:var(--se-text-muted)}

/* Hero */
.se-repair__hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(32px,5vw,64px);margin-bottom:56px}
.se-repair__hero-intro{display:inline-flex;margin-top:8px;text-align:center;max-width:736px;font-size:.9375rem;font-weight:400;line-height:1.5;color:var(--se-text-sec)}
.se-repair__hero-intro p{margin:0;font-weight:400}

/* Centered banner (Starter kits / Self-repair… / Ready to end fast tech?) */
.se-repair__banner{text-align:center;max-width:1120px;margin:0 auto 56px;padding:0 24px;display:flex;flex-direction:column;gap:8px}
.se-repair__banner p{margin:0;max-width:736px;margin-inline:auto;text-align:center;font-size:.9375rem;font-weight:400;line-height:1.5;color:var(--se-text-sec)}

/* Do it yourself, with help — text + image media block */
.se-repair__media{display:flex;flex-direction:column;gap:16px}
.se-repair__media-text{display:flex;flex-direction:column;justify-content:center}
.se-repair__media-text .heading-2{margin-bottom:8px}
.se-repair__media-body p{margin:0}
.se-repair__media-body p + p{margin-top:16px}
.se-repair__media-img{order:-1}
.se-repair__media-img img{display:block;width:100%;height:auto;border-radius:12px}
@media(min-width:768px){
  .se-repair__media{flex-direction:row;align-items:center;gap:56px}
  .se-repair__media-text{flex:1}
  .se-repair__media-img{order:0;flex:0 0 448px;max-width:448px;margin-left:auto}
}

/* Dark button (Get the app, card CTAs) */
.se-repair__btn{align-self:flex-start;margin-top:20px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:6px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:.875rem;text-decoration:none;transition:background .2s}
.se-repair__btn:hover{background:var(--se-primary-hover);color:var(--se-on-dark)}

/* Horizontal carousels (kits + videos + press) */
.se-repair__carousel{position:relative}
.se-repair__carousel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.se-repair__rail{display:flex;gap:16px;list-style:none;margin:0;padding:0 0 4px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.se-repair__rail::-webkit-scrollbar{display:none}
.se-repair__rail > li{list-style:none;scroll-snap-align:start;flex:0 0 auto}
.se-repair__nav{display:none;gap:12px}
@media(min-width:768px){.se-repair__nav{display:flex}}
.se-repair__arrow{width:40px;height:40px;border-radius:50%;border:0;background:var(--se-primary);color:var(--se-on-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.se-repair__arrow:hover{background:var(--se-primary-hover)}
.se-repair__arrow:disabled{background:var(--se-border);color:var(--se-text-muted);cursor:not-allowed}

/* Product (kit) card */
.se-repair__pcard{width:256px;height:100%;background:var(--se-white);border-radius:12px;box-shadow:0 2px 4px rgba(59,36,24,.05);padding:16px;display:flex;flex-direction:column;transition:box-shadow .2s}
.se-repair__pcard:hover{box-shadow:0 6px 14px rgba(59,36,24,.1)}
.se-repair__pcard-img{height:128px;width:auto;max-width:100%;margin:0 auto 12px;object-fit:contain}
.se-repair__pcard-title{font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--se-text)}
.se-repair__pcard-link{color:inherit}
.se-repair__pcard-rating{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--se-primary);font-weight:700;margin-bottom:6px}
.se-repair__pcard-rating .se-repair__rcount{color:var(--se-text-muted);font-weight:400}
.se-repair__pcard-price{margin-top:auto;font-weight:800;font-size:1.375rem;line-height:1.1;color:var(--se-text)}
.se-repair__pcard-price sup{font-size:.7rem;font-weight:700;top:-.55em}

/* Video card */
.se-repair__vcard{position:relative;width:256px;border-radius:12px;overflow:hidden;border:0;padding:0;cursor:pointer;background:none;display:block}
.se-repair__vcard img{display:block;width:100%;height:auto;border-radius:12px}
.se-repair__vcard-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,252,248,.85);color:var(--se-primary);display:flex;align-items:center;justify-content:center}

/* FAQ accordion — Back Market style neutral panels in a column */
.se-repair__faq{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto}
.se-repair__faq-item{background:var(--se-surface);border-radius:12px;overflow:hidden}
.se-repair__faq details > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;color:var(--se-primary)}
.se-repair__faq details > summary::-webkit-details-marker{display:none}
.se-repair__faq-q{font-family:var(--se-font-display);font-weight:600;font-size:1.125rem;line-height:1.4}
.se-repair__faq-chevron{flex-shrink:0;transition:transform .2s}
.se-repair__faq details[open] .se-repair__faq-chevron{transform:rotate(180deg)}
.se-repair__faq-answer{padding:0 24px 20px;color:var(--se-text-sec);font-size:.9375rem;line-height:1.6}
.se-repair__faq-answer p{margin:0 0 12px}
.se-repair__faq-answer p:last-child{margin-bottom:0}
.se-repair__faq-answer a{color:var(--se-primary);text-decoration:underline}

/* Modular cards (3-up) */
.se-repair__cards{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;margin:0;padding:0}
@media(min-width:768px){.se-repair__cards{grid-template-columns:repeat(3,1fr)}}
.se-repair__mcard{display:flex;flex-direction:column;gap:24px;height:100%;padding:16px;border-radius:12px;background:var(--se-surface)}
.se-repair__mcard-title{font-family:var(--se-font-display);font-weight:600;font-size:1.25rem;margin:0 0 4px;color:var(--se-text)}
.se-repair__mcard p{margin:0;color:var(--se-text)}
.se-repair__mcard .se-repair__btn{align-self:stretch;width:100%;margin-top:auto}

/* Press card */
.se-repair__press{width:280px;height:100%;background:var(--se-white);border-radius:12px;box-shadow:0 2px 4px rgba(59,36,24,.05);padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .2s;color:var(--se-text)}
.se-repair__press:hover{box-shadow:0 6px 14px rgba(59,36,24,.1)}
.se-repair__press-logo{height:64px;width:auto;max-width:144px;object-fit:contain;margin-bottom:24px}
.se-repair__press-quote{font-family:var(--se-font-display);font-weight:600;font-size:1.25rem;line-height:1.4;quotes:none}
.se-repair__press-date{margin-top:8px;font-size:.875rem;color:var(--se-text-muted)}

/* ── Empty cart (woocommerce/cart/cart-empty.php) ── */
.se-cart-empty{max-width:820px;margin:0 auto;padding:24px var(--se-gutter,16px) 64px;display:flex;flex-direction:column;gap:24px;align-items:center}
.se-cart-empty__copy{display:flex;flex-direction:column;justify-content:center;text-align:center;order:2}
.se-cart-empty__eyebrow{font-size:.875rem;color:var(--se-text-muted);margin:0 0 2px}
.se-cart-empty__title{font-size:2rem;font-weight:800;line-height:1.15;margin:0 0 8px;color:var(--se-text)}
.se-cart-empty__text{font-size:1.0625rem;color:var(--se-text-sec);margin:0 0 20px}
.se-cart-empty__cta{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:12px 20px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:1rem;transition:background .2s}
.se-cart-empty__cta:hover{background:var(--se-primary-hover)}
.se-cart-empty__media{order:1;width:100%;max-width:340px}
.se-cart-empty__media img{width:100%;height:auto;display:block;margin:0 auto}

@media(min-width:768px){
  .se-cart-empty{flex-direction:row;align-items:center;gap:56px;padding-top:48px}
  .se-cart-empty__copy{order:1;text-align:left;flex:1}
  .se-cart-empty__cta{align-self:flex-start}
  .se-cart-empty__title{font-size:2.5rem}
  .se-cart-empty__media{order:2;width:448px;max-width:448px;margin-left:auto}
}

/* ── Focused cart/checkout chrome (header-checkout.php / footer-checkout.php) ── */
.se-checkout-header{background:var(--se-white);border-bottom:1px solid var(--se-border)}
.se-checkout-header__inner{display:flex;align-items:center;min-height:64px;padding:12px var(--se-gutter,16px)}
.se-checkout-header .se-header__logo img{height:28px;width:auto}
.se-focus #main-content{min-height:60vh}

/* ═══ CHECKOUT — Back Market–style two-column funnel (woocommerce/checkout/form-checkout.php) ═══ */
/* Let the checkout go edge-to-edge so the two-column layout controls width. */
.woocommerce-checkout .woocommerce{max-width:none;margin:0;padding:0}
.woocommerce-checkout .woocommerce::before,.woocommerce-checkout .woocommerce::after{content:none}

/* Full-bleed two-column funnel (Back Market): the left content (max 820px)
   and the right 27.5rem panel each fill the viewport height and scroll
   internally, instead of the whole page being one tall column. */
.se-checkout__layout{display:flex;flex-direction:column;gap:0;width:100%;margin:0;padding:0;background:var(--se-white)}
.se-checkout__main{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px}
.se-checkout__main>*{width:100%;max-width:820px}
.se-checkout__sidebar{min-width:0;width:100%;background:var(--se-white);padding:24px}
@media(min-width:768px){.se-checkout__main{gap:48px;padding:48px 24px}}
@media(min-width:1024px){
  .se-checkout__layout{flex-direction:row;align-items:stretch}
  .se-checkout__main{flex:1 1 auto;padding:48px 24px}
  .se-checkout__sidebar{flex:0 0 27.5rem;width:27.5rem;padding:48px 32px}
  /* Make each column scroll on its own so the page itself doesn't grow tall.
     Exclude the order-received (thank you) page: it isn't the two-column
     funnel, so locking it to 100vh would clip its content with no scroll. */
  body.se-focus.woocommerce-checkout:not(.woocommerce-order-received){height:100vh;overflow:hidden;display:flex;flex-direction:column}
  body.se-focus.woocommerce-checkout:not(.woocommerce-order-received) #main-content{flex:1 1 auto;min-height:0;display:flex}
  .woocommerce-checkout .se-page--wc,
  .woocommerce-checkout .se-page--wc>.woocommerce{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column}
  .woocommerce-checkout form.se-checkout{flex:1 1 auto;min-height:0;width:100%;display:flex}
  .se-checkout__layout{flex:1 1 auto;min-height:0}
  .se-checkout__main{overflow-y:auto}
  .se-checkout__sidebar{overflow-y:auto}
}

/* Progress header */
.se-checkout__progress{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding-bottom:12px;border-bottom:2px solid var(--bm-divider,var(--se-border))}
.se-checkout__back{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;color:var(--bm-text,var(--se-text));transition:background .2s}
.se-checkout__back:hover{background:var(--bm-hover,var(--se-surface-alt))}
.se-checkout__step{font-size:1rem;font-weight:600;color:var(--bm-text,var(--se-text))}
.se-checkout__bar{position:absolute;left:0;right:0;bottom:-2px;height:2px}
.se-checkout__bar span{display:block;height:2px;background:var(--bm-text,var(--se-text))}

/* Section headings (Shipping address / Billing / Ship to different…) */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3{font-family:var(--se-font-display);font-size:1.25rem;font-weight:700;color:var(--se-primary);margin:0 0 16px}
.woocommerce-checkout #customer_details{display:flex;flex-direction:column;gap:24px}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields{background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:24px}

/* Removed/unrequested sections: hide the empty "Additional information"
   wrapper and any field-group card that ends up with no actual fields. */
.woocommerce-checkout .woocommerce-additional-fields{display:none}
.woocommerce-checkout .woocommerce-shipping-fields:not(:has(.form-row)):not(:has(#ship-to-different-address)){display:none}
.woocommerce-checkout .woocommerce-account-fields:not(:has(.form-row)){display:none}

/* Fields */
.woocommerce-checkout .form-row{display:flex;flex-direction:column;margin:0 0 16px;padding:0}
.woocommerce-checkout .form-row label{font-size:.8125rem;font-weight:600;color:var(--se-primary);margin-bottom:6px}
.woocommerce-checkout .form-row .required{color:var(--se-danger);border:0}
.woocommerce-checkout .woocommerce-input-wrapper{width:100%}
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container .select2-selection{width:100%;min-height:48px;height:48px;padding:0 14px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);font-family:inherit;font-size:1rem;color:var(--se-text);outline:none;transition:border-color .2s;box-sizing:border-box}
.woocommerce-checkout textarea.input-text{height:auto;min-height:88px;padding:12px 14px}
.woocommerce-checkout .input-text:focus,.woocommerce-checkout select:focus{border-color:var(--se-primary)}
.woocommerce-checkout .select2-container .select2-selection__rendered{line-height:46px;padding:0}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
/* Two-up rows on wider screens */
@media(min-width:560px){
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:0 16px}
  .woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{flex:1 1 calc(50% - 8px)}
  .woocommerce-checkout .form-row-wide{flex:1 1 100%}
}

/* Ship-to-different-address toggle */
.woocommerce-checkout #ship-to-different-address{font-size:1rem;font-weight:600;color:var(--se-primary);display:flex;align-items:center;gap:8px}
.woocommerce-checkout #ship-to-different-address input{width:18px;height:18px}

/* ── Order review (right column "Your order") ── */
.se-checkout__order-title{font-family:var(--se-font-display);font-size:1.25rem;font-weight:700;color:var(--se-primary);margin:0 0 16px}
#order_review{background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(59,36,24,.05)}

/* BM-style line items with thumbnail + qty badge */
.se-corder__items{display:flex;flex-direction:column;gap:24px}
.se-corder__item{display:flex;gap:16px}
.se-corder__thumb{position:relative;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-surface);display:flex;align-items:center;justify-content:center}
.se-corder__thumb img{width:32px;height:32px;object-fit:contain;border-radius:6px;display:block}
.se-corder__qty{position:absolute;top:0;right:0;transform:translate(40%,-40%);min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--se-border);color:var(--se-text);font-size:.6875rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}
.se-corder__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.se-corder__line{display:flex;justify-content:space-between;gap:16px}
.se-corder__name{margin:0;font-size:.9375rem;font-weight:700;color:var(--se-primary);line-height:1.35}
.se-corder__price{font-size:.9375rem;color:var(--se-primary);white-space:nowrap}
.se-corder__ship{display:flex;justify-content:space-between;gap:16px;font-size:.875rem;color:var(--se-text-sec)}
.se-corder__sep{border:0;border-top:1px solid var(--se-border);margin:16px 0}
.se-corder__totals{display:flex;flex-direction:column;gap:8px}
.se-corder__row{display:flex;justify-content:space-between;gap:24px;font-size:.875rem;color:var(--se-text)}
.se-corder__row--discount span:last-child{color:#0a6636}
.se-corder__row--total{font-size:1.05rem;font-weight:800;color:var(--se-primary)}

/* Payment box */
#payment{background:transparent;margin-top:16px}
#payment ul.payment_methods{list-style:none;margin:0 0 16px;padding:16px 0;border-top:1px solid var(--se-border);border-bottom:1px solid var(--se-border)}
#payment ul.payment_methods li{margin:0 0 10px}
#payment ul.payment_methods li label{font-weight:600;color:var(--se-primary);display:inline-flex;align-items:center;gap:8px}
#payment div.payment_box{background:var(--se-surface);border-radius:8px;padding:14px;margin-top:8px;font-size:.875rem;color:var(--se-text-sec)}
#payment div.payment_box::before{display:none}
#payment .woocommerce-privacy-policy-text{font-size:.75rem;color:var(--se-text-muted);margin-top:12px}
#payment #place_order{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:16px;border:0;border-radius:10px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
#payment #place_order:hover{background:var(--se-primary-hover)}

/* Perks (left column) */
.se-checkout__perks-title{font-family:var(--se-font-display);font-size:1.25rem;font-weight:700;color:var(--se-primary);margin:0 0 16px}
.se-checkout__perks-grid{display:grid;grid-template-columns:1fr;gap:12px;background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:24px}
@media(min-width:560px){.se-checkout__perks-grid{grid-template-columns:1fr 1fr}}
.se-checkout__perk{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--se-primary)}
.se-checkout__perk-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--se-surface);color:var(--se-primary)}

/* ── My Account login (woocommerce/myaccount/form-login.php) ── */
.se-login{max-width:34rem;margin:40px auto;padding:0 var(--se-gutter,16px);width:100%}
.se-login__head{margin-bottom:16px}
.se-login__title{font-family:var(--se-font-display);font-size:1.75rem;font-weight:700;line-height:1.15;color:var(--se-text);margin:0}
.se-login__card{display:flex;flex-direction:column;background:var(--se-white);border-radius:12px;box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 8px rgba(59,36,24,.06);padding:24px}
.se-login__form{display:flex;flex-direction:column}

/* Floating-label field */
.se-login__field{position:relative;margin-bottom:16px}
.se-login__input{width:100%;height:48px;padding:0 44px 0 12px;border:1px solid var(--se-border);border-radius:6px;background:var(--se-white);font-family:inherit;font-size:1rem;color:var(--se-text);outline:none;transition:border-color .2s}
.se-login__input:hover{border-color:#CBB094}
.se-login__input:focus-visible{border-color:var(--se-primary);box-shadow:0 0 0 1px var(--se-primary)}
.se-login__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:0 4px;background:var(--se-white);color:var(--se-text-sec);font-size:1rem;pointer-events:none;transition:all .2s;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-login__input:focus-visible+.se-login__label,
.se-login__input:not(:placeholder-shown)+.se-login__label{top:0;font-size:.75rem;color:var(--se-text-sec)}
.se-login__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--se-text-muted);display:flex;pointer-events:none}

/* Primary "Next" button */
.se-login__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px;border:none;border-radius:6px;background:var(--se-primary);color:var(--se-on-dark);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-login__submit:hover{background:var(--se-primary-hover)}

/* Privacy Policy link */
.se-login__privacy{display:block;width:fit-content;margin-top:16px;font-size:.875rem;color:var(--se-text);text-decoration:underline}
.se-login__privacy:hover{color:var(--se-primary-hover)}

/* Inline validation error + invalid field state */
.se-login__error{margin:12px 0 0;font-size:.875rem;line-height:1.4;color:var(--se-danger)}
.se-login__input.is-invalid{border-color:var(--se-danger)}
.se-login__input.is-invalid:focus-visible{border-color:var(--se-danger);box-shadow:0 0 0 1px var(--se-danger)}

/* Honeypot: off-screen, non-interactive — real users never see or fill it */
.se-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* Step visibility */
.se-login__step.is-hidden{display:none}

/* Sub-heading on the sign-up step */
.se-login__sub{margin:6px 0 0;font-size:.9375rem;color:var(--se-text-sec)}

/* Saved email block (sign-up step) */
.se-login__saved{margin-bottom:24px}
.se-login__hidden-email{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.se-login__email{margin:0;font-size:1rem;font-weight:700;color:var(--se-text);word-break:break-word}
.se-login__goback{display:inline-block;margin-top:4px;padding:0;background:none;border:none;font-size:.875rem;color:var(--se-text-sec);text-decoration:underline;cursor:pointer}
.se-login__goback:hover{color:var(--se-primary-hover)}

/* Password field tweaks: room for the reveal button, hint text */
.se-login__field--password{margin-bottom:8px}
.se-login__reveal{position:absolute;right:4px;top:4px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:6px;background:transparent;color:var(--se-text-sec);cursor:pointer;transition:background .2s}
.se-login__reveal:hover{background:var(--se-surface)}
.se-login__reveal svg{width:22px;height:22px;display:block;pointer-events:none}
.se-login__hint{margin:0 0 16px;font-size:.875rem;color:var(--se-text-sec);line-height:1.4}

/* "Buying for a company" checkbox */
.se-login__check{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:1rem;color:var(--se-text);cursor:pointer}
.se-login__check input{flex:0 0 auto;width:20px;height:20px;margin-top:1px;accent-color:var(--se-primary);cursor:pointer}

/* Legal + privacy copy */
.se-login__legal,.se-login__privacy-note{margin:0 0 24px;font-size:.8125rem;line-height:1.5;color:var(--se-text-sec)}
.se-login__privacy-note{margin:24px 0 0}
.se-login__legal a,.se-login__privacy-note a{color:var(--se-text);text-decoration:underline}
.se-login__legal a:hover,.se-login__privacy-note a:hover{color:var(--se-primary-hover)}
.se-login__submit:disabled{opacity:.65;cursor:not-allowed}
.se-login__forgot{margin:16px 0 0;text-align:center;font-size:.875rem}
.se-login__forgot a,.se-login__forgot-link{background:none;border:none;padding:0;font:inherit;color:var(--se-text-sec);text-decoration:underline;cursor:pointer}
.se-login__forgot a:hover,.se-login__forgot-link:hover{color:var(--se-primary-hover)}
.se-login__forgot-link:disabled{opacity:.6;cursor:not-allowed}
.se-login__forgot-msg{margin:12px 0 0;padding:10px 14px;border-radius:8px;font-size:.875rem;line-height:1.4;text-align:center}
.se-login__forgot-msg.is-success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}
.se-login__forgot-msg.is-error{background:#fde8e8;color:#9b1c1c;border:1px solid #f8b4b4}

/* Suppression of any 3rd-party newsletter subscription checkboxes */
.mailchimp-newsletter,
.mailpoet_checkout_checkbox,
.woocommerce-form__label-for-checkbox:has(input[name*="newsletter"]),
p.form-row:has(input[name*="newsletter"]),
.se-newsletter-optin,
[id*="newsletter_checkbox"],
[name*="newsletter_checkbox"],
.wc-block-checkout__newsletter-opt-in,
.wp-block-woocommerce-checkout-newsletter-subscription-block{display:none!important}

/* ── Password Reset Page & Email Request (Back Market style — no card/box) ── */
.se-reset-pw, .se-reset-request{max-width:760px;margin:32px auto 64px;padding:0 16px;width:100%;text-align:center}
.se-reset-pw__inner, .se-reset-request__inner{background:transparent;border:none;box-shadow:none;padding:0}
.se-reset-pw__head, .se-reset-request__head{text-align:center;margin-bottom:32px}
.se-reset-pw__title, .se-reset-request__title{font-family:var(--se-font-display,inherit);font-size:2.25rem;font-weight:700;color:#121212;margin:32px 0 16px;line-height:1.2}
.se-reset-pw__sub, .se-reset-request__sub{font-size:.9375rem;color:#3b2418;line-height:1.5;margin:0 auto 36px;text-align:center}
.se-reset-pw__sub{white-space:nowrap}
@media(max-width:768px){.se-reset-pw__sub{white-space:normal}}
.se-reset-pw__form, .se-reset-request__form{max-width:420px;margin:0 auto;text-align:center}
.se-reset-pw__group{margin-bottom:24px;text-align:left}
.se-reset-pw__section-title{font-size:1.25rem;font-weight:700;color:#121212;margin:16px 0;text-align:center}
.se-reset-pw__btn{width:100%;background:#121212!important;color:#fff!important;border-radius:4px!important;padding:14px 28px!important;font-size:1rem!important;font-weight:700!important;margin-top:16px;cursor:pointer}
.se-reset-pw__btn:hover{background:#2a2a2a!important}

/* ── Password Reset Expired Screen ── */
.se-reset-expired{max-width:600px;margin:32px auto 24px;padding:0 16px;width:100%;text-align:center}
.se-reset-expired__inner{background:transparent;border:none;box-shadow:none;padding:0}
.se-reset-expired__title{font-family:var(--se-font-display,inherit);font-size:2.25rem;font-weight:700;color:#121212;margin:16px 0 12px;line-height:1.2}
.se-reset-expired__sub{font-size:1rem;color:#3b2418;margin:0 0 20px;line-height:1.5}
.se-reset-expired__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;background:#121212!important;color:#fff!important;border-radius:4px!important;padding:8px 20px!important;font-size:.875rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;text-align:center!important;cursor:pointer;margin:0 auto}
.se-reset-expired__btn span{display:inline-block;text-align:center;width:100%}
.se-reset-expired__btn:hover{background:#2a2a2a!important}

/* ── Email Sent Confirmation Screen ("Yippee!") ── */
.se-email-sent{max-width:600px;margin:48px auto 64px;padding:0 16px;width:100%;text-align:center}
.se-email-sent__inner{display:flex;flex-direction:column;align-items:center;justify-content:center}
.se-email-sent__img{width:100px;height:auto;margin-bottom:24px;display:block}
.se-email-sent__title{font-family:var(--se-font-display,inherit);font-size:2.25rem;font-weight:700;color:#121212;margin:16px 0 12px;line-height:1.2}
.se-email-sent__msg{font-size:1rem;color:#3b2418;margin:0 0 12px;line-height:1.5}
.se-email-sent__msg strong{font-weight:700;color:#121212}
.se-email-sent__sub{font-size:.9375rem;color:#3b2418;line-height:1.5;margin:0}
.se-email-sent__link{color:#121212!important;font-weight:700!important;text-decoration:underline!important}
.se-email-sent__link:hover{color:#2a2a2a!important}

/* ── My Account dashboard "Profile" (woocommerce/myaccount/*) ── */
/* Horizontal tab navigation */
.se-account-nav{border-bottom:1px solid var(--se-border);margin:8px 0 32px}
.se-account-nav__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;padding:0 8px}
.se-account-nav__item{margin:0}
.se-account-nav__link{position:relative;display:inline-block;padding:14px 2px;font-size:.9375rem;font-weight:600;color:var(--se-text-sec);white-space:nowrap}
.se-account-nav__link:hover{color:var(--se-text)}
.se-account-nav__link.is-active{color:var(--se-text);font-weight:700}
.se-account-nav__link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--se-primary);border-radius:2px}

/* Header */
.se-account{max-width:var(--se-container);margin:0 auto;padding:0 var(--se-gutter,16px) 64px;width:100%}
.se-account__head{text-align:center;margin-bottom:28px}
.se-account__title{font-family:var(--se-font-display);font-size:1.875rem;font-weight:800;color:var(--se-text);margin:0}
.se-account__sub{margin:6px 0 0;font-size:.9375rem;color:var(--se-text-sec)}

/* Card grid */
.se-account__grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.se-account__grid{grid-template-columns:1fr 1fr}}
.se-account__card{background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:24px;box-shadow:0 1px 2px rgba(59,36,24,.04)}
.se-account__card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.se-account__card-title{font-size:1.25rem;font-weight:800;color:var(--se-text);margin:0}
.se-account__edit{flex:0 0 auto;display:inline-flex;align-items:center;height:32px;padding:0 16px;border:1px solid var(--se-border);border-radius:8px;font-size:.875rem;font-weight:700;color:var(--se-text);transition:background .2s}
.se-account__edit:hover{background:var(--se-surface)}

/* Personal details */
.se-account__name{margin:0 0 4px;font-size:1rem;font-weight:700;color:var(--se-text)}
.se-account__verified{margin:0 0 4px;font-size:.9375rem;font-weight:600;color:#166534}
.se-account__unverified{margin:0 0 4px;font-size:.9375rem;font-weight:600;color:var(--se-danger)}
.se-account__email{margin:0 0 16px;font-size:.9375rem;color:var(--se-text-sec);word-break:break-word}
.se-account__links{display:flex;flex-direction:column;gap:10px}
.se-account__links a{font-size:.9375rem;font-weight:600;color:var(--se-text);text-decoration:underline;width:fit-content}
.se-account__links a:hover{color:var(--se-primary-hover)}

/* Addresses */
.se-account__address{font-style:normal;font-size:.9375rem;line-height:1.6;color:var(--se-text)}
.se-account__empty{margin:0;font-size:.9375rem;color:var(--se-text-sec)}

/* Email preference toggles */
.se-account__prefs{display:flex;flex-direction:column;gap:16px}
.se-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.se-toggle input{position:absolute;opacity:0;width:0;height:0}
.se-toggle__track{flex:0 0 auto;position:relative;width:44px;height:24px;border-radius:999px;background:var(--se-border);transition:background .2s;margin-top:1px}
.se-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--se-white);box-shadow:0 1px 2px rgba(59,36,24,.25);transition:transform .2s}
.se-toggle input:checked+.se-toggle__track{background:#0f7a5a}
.se-toggle input:checked+.se-toggle__track .se-toggle__thumb{transform:translateX(20px)}
.se-toggle input:focus-visible+.se-toggle__track{outline:2px solid var(--se-primary);outline-offset:2px}
.se-toggle__label{font-size:.9375rem;color:var(--se-text);line-height:1.4}
.se-account__save{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;height:40px;padding:0 18px;border:none;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:.9375rem;cursor:pointer;transition:background .2s}
.se-account__save:hover{background:var(--se-primary-hover)}

/* ── Address edit modal (Back Market style) ── */
.se-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}
.se-modal[hidden]{display:none}
.se-modal__backdrop{position:fixed;inset:0;background:rgba(59,36,24,.45)}
.se-modal__dialog{position:relative;z-index:1;width:100%;max-width:520px;margin:auto;background:var(--se-white);border-radius:16px;box-shadow:0 12px 40px rgba(59,36,24,.25);padding:24px;animation:se-modal-in .18s ease-out}
@keyframes se-modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.se-modal__dialog{animation:none}}

.se-modal__head{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.se-modal__title{font-size:1.0625rem;font-weight:700;color:var(--se-text);margin:0}
.se-modal__close{position:absolute;right:-4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--se-text);background:none;border:none;cursor:pointer;transition:background .2s}
.se-modal__close:hover{background:var(--se-surface)}

.se-modal__form{display:flex;flex-direction:column}
/* WooCommerce field rows restyled to match the mockup */
.se-modal__form .form-row{display:block;margin:0 0 12px;padding:0}
.se-modal__form label.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.se-modal__form .woocommerce-input-wrapper{display:block;width:100%}
.se-modal__form input.input-text,
.se-modal__form select,
.se-modal__form .select2-container .select2-selection{width:100%;height:48px;padding:0 14px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);font-family:inherit;font-size:1rem;color:var(--se-text);outline:none;transition:border-color .2s}
.se-modal__form input.input-text::placeholder{color:var(--se-text-placeholder)}
.se-modal__form input.input-text:focus,
.se-modal__form select:focus{border-color:var(--se-primary);box-shadow:0 0 0 1px var(--se-primary)}
.se-modal__form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
/* Select2 (WC country/state enhanced selects) sizing */
.se-modal__form .select2-container{width:100%!important}
.se-modal__form .select2-container .select2-selection--single{height:48px;border:1px solid var(--se-border);border-radius:8px;display:flex;align-items:center}
.se-modal__form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:14px;color:var(--se-text)}
.se-modal__form .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}

.se-modal__add{align-self:flex-start;margin:0 0 12px;padding:0;background:none;border:none;font-size:.9375rem;font-weight:600;color:var(--se-primary);text-decoration:none;cursor:pointer}
.se-modal__add:hover{text-decoration:underline}
.se-modal__collapsible{display:block}

.se-modal__save{margin-top:8px;display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:none;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-modal__save:hover{background:var(--se-primary-hover)}

/* Custom required-field validation (replaces the native browser bubble) */
.se-modal__form .se-invalid input.input-text,
.se-modal__form .se-invalid select,
.se-modal__form .se-invalid textarea{border-color:#e11d48!important;box-shadow:0 0 0 1px #e11d48}
.se-field-error{display:block;margin-top:6px;font-size:.875rem;color:#e11d48}

/* Phone field: dialing-code select + number input in one box.
   Scoped under .se-modal__form to beat the generic `select{width:100%}` rule. */
.se-phone{margin:0 0 12px}
.se-modal__form .se-phone__field{display:flex;align-items:stretch;height:48px;border:1px solid var(--se-border);border-radius:8px;overflow:hidden;background:var(--se-white);transition:border-color .2s}
.se-modal__form .se-phone__field:focus-within{border-color:var(--se-primary);box-shadow:0 0 0 1px var(--se-primary)}
.se-modal__form .se-phone__cc{flex:0 0 auto;width:84px;height:46px;border:none;border-right:1px solid var(--se-border);border-radius:0;background:var(--se-white);padding:0 28px 0 12px;font-family:inherit;font-size:1rem;color:var(--se-text);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.se-modal__form .se-phone__num{flex:1 1 auto;width:auto;min-width:0;height:46px;border:none;border-radius:0;background:transparent;padding:0 14px;font-family:inherit;font-size:1rem;color:var(--se-text);outline:none;box-shadow:none}
.se-modal__form .se-phone__num:focus{box-shadow:none}
.se-modal__form .se-phone__num::placeholder{color:var(--se-text-placeholder)}
.se-phone__hint{margin:6px 0 0;font-size:.875rem;color:var(--se-text-sec);line-height:1.4}

/* Personal Information modal: floating-label fields with a clear (×) button */
.se-personal__row{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:560px){.se-personal__row{grid-template-columns:1fr 1fr}}
.se-pfield{position:relative;margin:0 0 12px}
.se-pfield__input{width:100%;height:62px;padding:22px 44px 8px 14px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);font-family:inherit;font-size:1rem;color:var(--se-text);outline:none;transition:border-color .2s}
.se-pfield__input:focus{border-color:var(--se-primary);box-shadow:0 0 0 1px var(--se-primary)}
.se-pfield__label{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--se-text-sec);font-size:1rem;pointer-events:none;transition:all .15s ease}
.se-pfield__input:focus+.se-pfield__label,
.se-pfield__input:not(:placeholder-shown)+.se-pfield__label{top:16px;transform:none;font-size:.75rem}
.se-pfield__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;color:var(--se-text-sec);cursor:pointer}
.se-pfield__clear:hover{color:var(--se-text)}
.se-pfield.has-value .se-pfield__clear{display:flex}
.se-modal__form .se-pfield.se-invalid .se-pfield__input{border-color:#e11d48;box-shadow:0 0 0 1px #e11d48}

/* Change-password fields: reveal (eye) button */
.se-pwfield{position:relative;margin:0 0 12px}
.se-pwfield__input{padding-right:52px}
.se-pwfield__reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:var(--se-text-sec);cursor:pointer;transition:background .2s}
.se-pwfield__reveal:hover{background:var(--se-surface)}
.se-pwfield__reveal svg{width:22px;height:22px;display:block;pointer-events:none}
.se-pwfield__hint{margin:-4px 0 12px}
.se-modal__form .se-pwfield.se-invalid .se-pfield__input{border-color:#e11d48;box-shadow:0 0 0 1px #e11d48}

/* ── Account success toast (top-right) ── */
.se-toast{position:fixed;top:24px;right:24px;left:auto;z-index:1100;display:flex;align-items:center;gap:20px;min-width:300px;max-width:400px;width:calc(100% - 32px);padding:12px 16px;background:var(--se-primary-hover);color:var(--se-on-dark);border-radius:12px;box-shadow:0 8px 24px rgba(59,36,24,.28);transform:translateX(16px);opacity:0;transition:opacity .25s ease,transform .25s ease}
@media(min-width:480px){.se-toast{width:auto}}
.se-toast.is-visible{transform:translateX(0);opacity:1}
.se-toast.is-leaving{transform:translateX(16px);opacity:0}
.se-toast__icon{flex:0 0 auto;display:flex;color:var(--se-on-dark)}
.se-toast__body{flex:1 1 auto;min-width:0;padding:2px 0}
.se-toast__title{margin:0;font-size:1rem;font-weight:700;line-height:1.35}
.se-toast__text{margin:2px 0 0;font-size:.875rem;color:#8A7B6C}
.se-toast__close{flex:0 0 auto;align-self:center;background:none;border:none;color:var(--se-on-dark);font-size:.9375rem;font-weight:600;cursor:pointer;padding:4px 6px}
.se-toast__close:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.se-toast{transition:none}}

/* ── Delete account modal ── */
.se-account__danger{color:var(--se-danger)!important}
.se-account__danger:hover{color:#b91c1c!important}
.se-delete{max-width:680px;text-align:left}
.se-delete>p{margin:0 0 14px;font-size:.9375rem;line-height:1.6;color:var(--se-text)}
.se-delete__eyebrow{margin:0 0 4px;font-size:.8125rem;color:var(--se-text-muted)}
.se-delete__title{font-family:var(--se-font-display);font-size:1.5rem;font-weight:800;color:var(--se-text);margin:0 0 16px}
.se-delete__list{margin:0 0 14px;padding:0 0 0 20px;list-style:disc}
.se-delete__list li{margin:0 0 6px;font-size:.9375rem;line-height:1.5;color:var(--se-text)}
.se-delete__check{display:flex;align-items:flex-start;gap:12px;margin:8px 0 12px;font-size:.9375rem;color:var(--se-text);cursor:pointer}
.se-delete__check input{flex:0 0 auto;width:20px;height:20px;margin-top:1px;accent-color:var(--se-primary);cursor:pointer}
.se-delete__note{margin:0 0 20px;font-size:.8125rem;line-height:1.5;color:var(--se-text-sec)}
.se-delete__note a{color:var(--se-text);text-decoration:underline}
.se-delete__actions{display:flex;align-items:center;gap:12px}
.se-delete__keep{display:inline-flex;align-items:center;height:48px;padding:0 22px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);color:var(--se-text);font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-delete__keep:hover{background:var(--se-surface)}
.se-delete__confirm{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border:none;border-radius:8px;background:var(--se-danger);color:var(--se-on-dark);font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-delete__confirm:hover{background:#b91c1c}
.se-delete__confirm:disabled{background:var(--se-border);color:#8A7B6C;cursor:not-allowed}

/* ── Email verification screen (full-screen, focused chrome) ── */
.se-verify{display:flex;justify-content:center;padding:48px var(--se-gutter,16px) 80px}
.se-verify__card{width:100%;max-width:34rem;background:var(--se-white);border-radius:12px;box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 8px rgba(59,36,24,.06);padding:32px 24px;text-align:center}
.se-verify__title{font-family:var(--se-font-display);font-size:1.5rem;font-weight:800;color:var(--se-text);margin:0 0 12px}
.se-verify__text{margin:0 0 24px;font-size:.9375rem;color:var(--se-text-sec);line-height:1.5}
.se-verify__code{display:flex;justify-content:center;gap:10px;margin:0 0 24px}
.se-verify__digit{width:48px;height:56px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);text-align:center;font-size:1.5rem;font-weight:700;color:var(--se-text);outline:none;transition:border-color .2s}
.se-verify__digit:focus{border-color:var(--se-primary);box-shadow:0 0 0 1px var(--se-primary)}
.se-verify__continue{display:block;width:100%;min-height:48px;padding:12px;border:none;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-verify__continue:hover{background:var(--se-primary-hover)}
.se-verify__continue:disabled{background:var(--se-border);color:#8A7B6C;cursor:not-allowed}
.se-verify__resend{display:inline-block;margin-top:20px;font-size:.9375rem;font-weight:700;color:var(--se-text);text-decoration:underline}
.se-verify__resend:hover{color:var(--se-primary-hover)}
@media(max-width:420px){.se-verify__digit{width:42px;height:50px;font-size:1.25rem}}

/* ── Favorites heart on product cards ── */
.se-card{position:relative}
.se-card__fav{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,252,248,.9);color:var(--se-text);cursor:pointer;transition:background .2s,transform .15s}
.se-card__fav:hover{background:var(--se-white);transform:scale(1.05)}
.se-card__fav svg{fill:none;stroke:currentColor;stroke-width:1.8}
.se-card__fav.is-active svg{fill:var(--se-primary);stroke:var(--se-primary)}

/* ── Favorites tab view ── */
.se-favorites__head{margin-bottom:24px}
.se-favorites .se-account__title{text-align:left}
.se-favorites__count{margin:4px 0 0;font-size:.9375rem;color:var(--se-text-sec)}
.se-favorites__empty{padding:40px 0;color:var(--se-text-sec)}
.se-favorites__shop{display:inline-block;margin-top:12px;padding:12px 20px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;text-decoration:none}
.se-favorites__shop:hover{background:var(--se-primary-hover)}
.se-favorites__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}

.se-fav-card{position:relative;display:flex;flex-direction:column;background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(59,36,24,.04)}
.se-fav-card__heart{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--se-primary);cursor:pointer}
.se-fav-card__heart svg{fill:var(--se-primary)}
.se-fav-card__img{display:flex;align-items:center;justify-content:center;height:160px;margin-bottom:12px}
.se-fav-card__img img{max-width:100%;max-height:160px;width:auto;height:auto;object-fit:contain}
.se-fav-card__title{font-size:1rem;font-weight:700;color:var(--se-text);text-decoration:none}
.se-fav-card__title:hover{text-decoration:underline}
.se-fav-card__specs{margin:4px 0 0;font-size:.875rem;color:var(--se-text-sec)}
.se-fav-card__price{margin:8px 0 12px;font-size:1rem;font-weight:800;color:var(--se-text)}
.se-fav-card__cart{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:10px 18px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-size:.9375rem;font-weight:700;text-decoration:none;transition:background .2s}
.se-fav-card__cart:hover{background:var(--se-primary-hover)}

/* ── Favorites toasts (added / undo) ── */
.se-fav-toast{position:fixed;top:24px;right:24px;left:auto;z-index:1100;display:flex;align-items:center;gap:18px;min-width:300px;max-width:420px;width:calc(100% - 32px);padding:16px 20px;background:var(--se-primary-hover);color:var(--se-on-dark);border-radius:14px;box-shadow:0 8px 24px rgba(59,36,24,.28);transform:translateX(16px);opacity:0;transition:opacity .25s ease,transform .25s ease}
@media(min-width:480px){.se-fav-toast{width:auto}}
.se-fav-toast.is-visible{transform:translateX(0);opacity:1}
.se-fav-toast.is-leaving{transform:translateX(16px);opacity:0}
.se-fav-toast--undo{background:#f7c5c5;color:var(--se-text)}
.se-fav-toast__icon{flex:0 0 auto;display:flex}
.se-fav-toast__body{flex:1 1 auto;min-width:0}
.se-fav-toast__title{margin:0;font-size:1.0625rem;font-weight:800;line-height:1.25}
.se-fav-toast__text{margin:2px 0 0;font-size:.9375rem;opacity:.85}
.se-fav-toast__action{flex:0 0 auto;background:none;border:none;color:inherit;font-size:1rem;font-weight:700;cursor:pointer;padding:4px 6px}
.se-fav-toast__action:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.se-fav-toast{transition:none}}

/* ── Cart: trade-in promo block ── */
.se-cart__promo{margin-top:20px;border:1px solid var(--se-surface);border-radius:16px;overflow:hidden;background:var(--se-white)}
.se-cart__promo-head{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--se-surface-alt);color:var(--se-primary);font-weight:700;font-size:.9375rem}
.se-cart__promo-body{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:12px;padding:20px;border:1px solid var(--se-border);border-radius:12px}
.se-cart__promo-copy strong{display:block;font-size:1rem;color:var(--se-text);margin-bottom:4px}
.se-cart__promo-copy p{margin:0 0 6px;font-size:.9375rem;color:var(--se-text-sec)}
.se-cart__promo-how{font-size:.875rem;font-weight:700;color:var(--se-text);text-decoration:underline}
.se-cart__promo-cta{flex:0 0 auto;display:inline-flex;align-items:center;padding:12px 20px;border:1px solid var(--se-text);border-radius:8px;font-weight:700;color:var(--se-text);background:var(--se-white);white-space:nowrap;transition:background .2s}
.se-cart__promo-cta:hover{background:var(--se-surface)}

/* ── Cart: delivery text mismatch helper ── */
.se-cart__delivery-text [data-allow-mismatch]{font-weight:700}
.se-cart__insurance fieldset{border:0;margin:0;padding:0}
.se-cart__insurance legend{margin-bottom:12px}
.se-cart__insurance-legend{font-size:1rem;color:var(--se-text)}
.se-cart__insurance-options{display:flex;flex-direction:column;gap:12px}
@media(min-width:768px){.se-cart__insurance-options{flex-direction:row}}
.se-cart__plan{position:relative;display:block;border:1px solid var(--se-border);border-radius:8px;padding:16px;padding-left:48px;background:var(--se-white);cursor:pointer;transition:border-color .2s,background .2s;flex:1;margin-top:10px}
.se-cart__plan:hover{background:var(--se-surface-alt)}
.se-cart__plan--highlight{border-left:4px solid var(--se-primary)}
.se-cart__plan input[type="radio"]{position:absolute;left:16px;top:20px;width:20px;height:20px;accent-color:var(--se-primary)}
.se-cart__plan-body{display:flex;flex-direction:column;gap:8px}
.se-cart__plan-title{font-size:1rem;font-weight:700}
.se-cart__plan-pricerow{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.se-cart__plan-price{font-size:1rem;color:var(--se-text)}
.se-cart__plan-note{font-size:.75rem;color:var(--se-text-sec)}
.se-cart__plan-tag{position:absolute;top:-10px;right:16px;padding:0 6px;font-size:.75rem;font-weight:700;background:var(--se-border);color:var(--se-text);border-radius:4px}
.se-cart__plan-benefits{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--se-border);display:flex;flex-direction:column;gap:8px}
.se-cart__plan-benefits li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--se-text-sec)}
.se-cart__plan-benefits svg{flex-shrink:0;color:var(--se-text-sec)}
.se-cart__insurance-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.se-cart__insurance-brand{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--se-text-sec)}
.se-cart__insurance-brand strong{color:var(--se-text)}
.se-cart__insurance-learn{font-size:.875rem;font-weight:700;color:var(--se-text);text-decoration:underline}

/* ── Cart: "Complete your cart" recommendations carousel ── */
.se-cart__recommendations{margin-top:32px;padding-top:32px;border-top:1px solid var(--se-border)}
.se-cart__reco-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.se-cart__reco-title{font-family:var(--se-font-display);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}
.se-cart__reco-nav{display:none;gap:12px}
@media(min-width:768px){.se-cart__reco-nav{display:flex}}
.se-cart__reco-arrow{width:40px;height:40px;border-radius:50%;border:0;background:var(--se-primary);color:var(--se-on-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.se-cart__reco-arrow:hover{background:var(--se-primary-hover)}
.se-cart__reco-arrow:disabled{background:var(--se-border);color:#8A7B6C;cursor:not-allowed}
.se-cart__reco-rail{list-style:none;margin:0;padding:12px 0 20px;display:grid;grid-auto-flow:column;grid-auto-columns:160px;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.se-cart__reco-rail::-webkit-scrollbar{display:none}
@media(min-width:768px){.se-cart__reco-rail{grid-auto-columns:256px;gap:16px}}
.se-cart__reco-card{scroll-snap-align:start;min-width:0}
.se-cart__reco-article{display:flex;flex-direction:column;height:100%;background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;box-shadow:0 2px 4px rgba(59,36,24,.05);transition:box-shadow .2s,background .2s}
.se-cart__reco-article:hover{box-shadow:0 4px 8px rgba(59,36,24,.08);background:var(--se-surface-alt)}
.se-cart__reco-content{padding:16px;flex:1;display:flex;flex-direction:column-reverse;gap:6px}
.se-cart__reco-link{color:var(--se-text);text-decoration:none;display:flex;flex-direction:column;gap:2px}
.se-cart__reco-card-title{font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.se-cart__reco-card-desc{font-size:.875rem;color:var(--se-text-sec);line-height:1.4}
.se-cart__reco-rating{display:flex;align-items:center;gap:4px;font-size:.75rem}
.se-cart__reco-stars{display:flex;color:var(--se-primary)}
.se-cart__reco-score{font-weight:700}
.se-cart__reco-count{color:var(--se-text-sec)}
.se-cart__reco-price{font-size:1.5rem;font-weight:800;line-height:1}
.se-cart__reco-price sup{font-size:.75rem;font-weight:700;vertical-align:text-top}
.se-cart__reco-img{width:100%;max-width:224px;height:auto;margin:0 auto;display:block;object-fit:contain}
.se-cart__reco-action{padding:16px;padding-top:0;margin-top:auto}
.se-cart__reco-atc{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:8px;width:100%;padding:11px;border:1px solid var(--se-text);border-radius:8px;background:var(--se-white);font-size:1rem;font-weight:700;color:var(--se-text);text-decoration:none;cursor:pointer;transition:background .2s}
.se-cart__reco-atc:hover{background:var(--se-surface)}
.se-cart__reco-atc svg{flex-shrink:0}

/* ── Cart: Perks section ── */
.se-cart__perks{margin-top:32px;padding-top:32px;border-top:1px solid var(--se-border)}
.se-cart__perks-title{font-family:var(--se-font-display);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 16px}
.se-cart__perks-grid{display:grid;grid-template-columns:1fr;gap:12px;background:var(--se-white);border-radius:12px;padding:24px;border:1px solid var(--se-border);box-shadow:0 2px 4px rgba(59,36,24,.05)}
@media(min-width:768px){.se-cart__perks-grid{grid-template-columns:1fr 1fr}}
.se-cart__perk{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--se-text)}
.se-cart__perk-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--se-surface-alt);border:1px solid var(--se-border)}
.se-cart__perk-link{color:var(--se-text);text-decoration:underline}
.se-cart__perk-link:hover{color:var(--se-primary)}

/* ── Cart: Mobile sticky checkout bar ── */
.se-cart__mobile-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;position:fixed;inset:auto 0 0 0;z-index:100;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--se-border);background:var(--se-surface,var(--se-surface-alt))}
@media(min-width:992px){.se-cart__mobile-bar{display:none}}
.se-cart__mobile-total{display:flex;flex-direction:column}
.se-cart__mobile-label{font-size:.75rem;font-weight:700}
.se-cart__mobile-amount{font-size:1.5rem;font-weight:800}
.se-cart__mobile-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap;transition:background .2s}
.se-cart__mobile-cta:hover{background:var(--se-primary-hover)}

/* ── Cart: Summary sidebar ── */
.se-summary__title{font-family:var(--se-font-display);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 20px}
@media(min-width:992px){.se-cart__collaterals{position:sticky;top:24px}}
.se-summary{background:var(--se-white);border:1px solid var(--se-border);border-radius:16px;padding:24px}
.se-summary__items{list-style:none;margin:0 0 8px;padding:0}
.se-summary__item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:start;padding:0 0 16px}
.se-summary__thumb{position:relative;width:48px;height:48px;border-radius:8px;background:var(--se-surface);border:1px solid var(--se-border);overflow:visible}
.se-summary__thumb img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.se-summary__qty{position:absolute;top:0;right:0;transform:translate(40%,-40%);min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--se-border);color:var(--se-text);font-size:.6875rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}
.se-summary__name{font-size:.875rem;line-height:1.4;color:var(--se-text)}
.se-summary__line{font-size:.875rem;font-weight:700;color:var(--se-text);white-space:nowrap}
.se-summary__sep{border:0;border-top:1px solid var(--se-border);margin:8px 0}
.se-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;font-size:.9375rem;color:var(--se-text)}
.se-summary__row span:first-child{color:var(--se-text-sec)}
.se-summary__row--total{font-size:1.125rem;font-weight:800}
.se-summary__row--total span:first-child{color:var(--se-text)}
.se-summary__checkout{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:16px;border-radius:10px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s}
.se-summary__checkout:hover{background:var(--se-primary-hover)}
.se-summary__terms{margin:14px 0 0;font-size:.75rem;line-height:1.5;color:var(--se-text-sec)}
.se-summary__terms a{color:var(--se-text);text-decoration:underline}
.se-summary__pay{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.se-summary__pay img{height:24px;width:auto;display:block}
.se-summary__secure{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:.8125rem;color:var(--se-text-sec)}

/* ════════════════════════════════════════════════════════════
   Trade-in landing (page-trade-in.php)
   ════════════════════════════════════════════════════════════ */
.se-tradein{--se-lime:var(--se-caramel);background:var(--se-white);padding-bottom:clamp(48px,8vw,96px)}

/* Trade-in flow: model picker step (focused full page, white) */
.se-tistep{background:var(--se-white);min-height:calc(100vh - 64px)}
.se-ti-pjax-loading{opacity:.55;pointer-events:none;transition:opacity .15s}
.se-tistep__inner{max-width:480px;width:100%;margin:0 auto;padding:clamp(16px,4vw,32px) 16px}
.se-tistep__back{display:flex;width:max-content;max-width:100%;align-items:center;gap:12px;margin:0 0 24px;font-weight:600;font-size:1rem;color:var(--se-primary);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
.se-tistep__back svg{width:16px;height:16px;flex-shrink:0}
.se-tistep__back:hover{color:var(--se-primary-hover)}
.se-tistep__tag{display:inline-block;max-width:100%;font-size:.8125rem;font-weight:700;line-height:1.4;padding:1px 5px;border-radius:4px;background:var(--se-surface);color:var(--se-text);margin-bottom:12px}
.se-tistep__title{font-family:var(--se-font-display);font-size:1.375rem;font-weight:700;line-height:1.3;color:var(--se-text);margin:0 0 12px}
.se-tistep__field{position:relative;margin-top:8px}
.se-tistep__label{position:absolute;left:12px;top:7px;font-size:.75rem;line-height:1;color:var(--se-text-sec);pointer-events:none}
.se-tistep__select{appearance:none;-webkit-appearance:none;width:100%;height:56px;padding:24px 40px 6px 12px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);font-size:1rem;line-height:1.2;color:var(--se-text);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}
.se-tistep__select:hover{background:var(--se-surface-alt)}
.se-tistep__select:focus{outline:none;border-color:var(--se-primary);box-shadow:0 0 0 3px rgba(107,66,38,.15)}
.se-tistep__field svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--se-text-sec);pointer-events:none}
.se-tistep__hint{margin:8px 0 0;font-size:.875rem;line-height:1.5;color:var(--se-text-sec)}
.se-tistep__hint p{margin:0}
/* Storage step: option cards (grid-cols-2, gap-x-8 gap-y-12) */
.se-tistep__options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 8px;list-style:none;margin:0 0 8px;padding:0}
.se-tistep__options--single{grid-template-columns:1fr}
.se-tistep__option{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:12px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);font-size:1rem;font-weight:600;color:var(--se-text);text-align:center;text-decoration:none;transition:background-color .3s ease,border-color .2s,box-shadow .2s}
.se-tistep__option:hover{background:var(--se-surface-alt)}
.se-tistep__option:focus-visible{outline:none;border-color:var(--se-primary);box-shadow:0 0 0 3px rgba(107,66,38,.15)}
.se-tistep__option.is-selected{border-color:var(--se-primary);background:var(--se-surface)}
.se-tistep__continue{margin-top:16px;padding:12px 24px;border:0;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;cursor:pointer}
/* Screen condition step: image + title + description cards (single column) */
.se-tistep__cards{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;margin:0;padding:0}
.se-tistep__card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-width:500px;margin:0 auto;padding:12px;border:1px solid var(--se-border);border-radius:12px;background:var(--se-white);color:var(--se-text);text-decoration:none;transition:background-color .2s,box-shadow .2s,border-color .2s}
.se-tistep__card:hover{background:var(--se-surface-alt);box-shadow:0 2px 4px rgba(59,36,24,.05)}
.se-tistep__card:focus-visible{outline:none;border-color:var(--se-primary);box-shadow:0 0 0 3px rgba(107,66,38,.15)}
.se-tistep__card.is-selected{border-color:var(--se-primary);background:var(--se-surface)}
.se-tistep__card-media{display:flex;align-items:flex-end;justify-content:flex-end;width:100%;margin-bottom:8px;border-radius:8px;background:var(--se-surface);overflow:hidden}
.se-tistep__card-media img{width:100%;height:auto;max-width:100%;display:block}
.se-tistep__card-title{font-size:1rem;font-weight:700;line-height:1.3}
.se-tistep__card-desc{font-size:.875rem;line-height:1.5;color:var(--se-text-sec);text-align:left}
/* Functional step: intro checklist */
.se-tistep__title--tight{margin-bottom:4px}
.se-tistep__checks{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.se-tistep__checks li{display:flex;gap:12px;font-size:1rem;line-height:1.5;color:var(--se-text)}
.se-tistep__check-icon{flex-shrink:0;display:inline-flex;color:var(--se-primary)}
.se-tistep__check-icon svg{width:24px;height:24px}
/* ── Trade-in offer / summary page ── */
.se-tioffer{background:var(--se-white);padding-bottom:140px}
.se-tioffer__wrap{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto;padding:24px 24px 0}
@media(min-width:768px){.se-tioffer__wrap{gap:32px}}
.se-tioffer__bar{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--se-border);padding:8px 40px 20px}
.se-tioffer__bar h1{font-size:1rem;font-weight:600;margin:0}
.se-tioffer__hero{display:flex;flex-direction:column;align-items:center;text-align:center}
.se-tioffer__congrats{font-family:var(--se-font-display);font-size:1.75rem;font-weight:700;margin-bottom:8px}
.se-tioffer__price{font-weight:700;font-size:42px;line-height:42px;color:var(--se-primary);margin:0 0 14px}
.se-tioffer__guarantee{display:inline-block;background:var(--se-accent-light);color:var(--se-primary);font-size:.8125rem;font-weight:600;padding:6px 14px;border-radius:999px;margin:0 0 28px}
.se-tioffer__sub{font-size:1rem;color:var(--se-text)}
.se-tioffer__h2{font-size:1rem;font-weight:700;margin:0 0 12px}
.se-tioffer__summary{display:flex;flex-direction:column}
.se-tioffer__finalcheck{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:8px 8px 0 0;background:var(--se-surface);margin-bottom:-8px}
.se-tioffer__finalcheck-head{display:flex;align-items:center;gap:8px}
.se-tioffer__finalcheck-head svg{flex-shrink:0;width:24px;height:24px;color:var(--se-primary)}
.se-tioffer__finalcheck-head p{font-size:1rem;font-weight:700;margin:0}
.se-tioffer__finalcheck-copy{font-size:.875rem;line-height:1.5;color:var(--se-text);margin:0}
.se-tioffer__rows{list-style:none;margin:0;padding:0 20px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);position:relative}
.se-tioffer__rows li{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 0}
.se-tioffer__rows li+li{border-top:1px solid var(--se-border)}
.se-tioffer__row-k{font-size:1rem;color:var(--se-text)}
.se-tioffer__row-v{font-size:1rem;color:var(--se-text-sec);text-align:right}
.se-tioffer__reassure{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}
.se-tioffer__reassure li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.se-tioffer__reassure svg{width:24px;height:24px;color:var(--se-primary)}
.se-tioffer__reassure span{font-size:.875rem;color:var(--se-text)}
.se-tioffer__graph{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:12px;background:var(--se-surface)}
.se-tioffer__graph-tag{align-self:flex-start;font-size:.8125rem;font-weight:700;padding:1px 5px;border-radius:4px;background:#cdebd7;color:#0b6b2e}
.se-tioffer__graph-now{display:block;margin-left:18px;font-size:.75rem;font-weight:700;color:var(--se-text-sec)}
.se-tioffer__graph-img{width:100%;padding:0 18px;margin-bottom:16px}
.se-tioffer__graph-vals{display:flex;justify-content:space-between;margin:0 18px}
.se-tioffer__graph-vals>div{display:flex;flex-direction:column;gap:2px}
.se-tioffer__graph-chip{display:inline-block;padding:4px;border-radius:8px;background:var(--se-accent-light);color:var(--se-primary);font-size:.875rem;font-weight:700}
.se-tioffer__graph-v{font-size:.875rem;color:var(--se-primary)}
.se-tioffer__graph-t{font-size:.875rem;color:var(--se-text-sec)}
.se-tioffer__graph-foot{text-align:center}
.se-tioffer__graph-title{font-size:1rem;font-weight:700;color:var(--se-text);margin:0}
.se-tioffer__graph-note{font-size:.8125rem;color:var(--se-text-sec);margin:2px 0 0}
.se-tioffer__faqs{padding-top:8px}
.se-tioffer__faqs-sub{font-size:.875rem;color:var(--se-text-sec);margin:0 0 24px}
.se-tioffer__faq-list{list-style:none;margin:0;padding:0}
.se-tioffer__faq-list li{border-top:1px solid var(--se-border)}
.se-tioffer__faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;font-weight:700;list-style:none}
.se-tioffer__faq summary::-webkit-details-marker{display:none}
.se-tioffer__faq summary svg{flex-shrink:0;width:24px;height:24px;transition:transform .2s}
.se-tioffer__faq[open] summary svg{transform:rotate(180deg)}
.se-tioffer__faq p{margin:0 0 20px;font-size:.9375rem;line-height:1.6;color:var(--se-text-sec)}
.se-tioffer__cta{position:fixed;inset-inline:0;bottom:0;z-index:10;background:var(--se-white);border-top:1px solid var(--se-border);padding:12px 24px calc(12px + env(safe-area-inset-bottom))}
.se-tioffer__cta-inner{display:flex;justify-content:flex-end;gap:12px;max-width:800px;margin:0 auto}
@media(min-width:768px){.se-tioffer__cta-inner{gap:24px}}
.se-tioffer__btn{display:inline-flex;align-items:center;justify-content:center;flex:1;padding:12px 16px;border-radius:8px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s}
@media(min-width:768px){.se-tioffer__cta-inner{justify-content:flex-end}.se-tioffer__btn{flex:0 0 auto;min-width:160px}}
.se-tioffer__btn--ghost{background:var(--se-white);color:var(--se-primary);border:1px solid var(--se-primary)}
.se-tioffer__btn--ghost:hover{background:var(--se-surface)}
.se-tioffer__btn--solid{background:var(--se-primary);color:var(--se-on-dark)}
.se-tioffer__btn--solid:hover{background:var(--se-primary-hover);color:var(--se-on-dark)}
/* ── Trade-in: personal information form (step 1/2) ── */
.se-tistep__inner--center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:60vh}
.se-tioffer__done-icon{color:var(--se-primary)}
.se-tioffer__done-icon svg{width:48px;height:48px}
.se-tioffer__done-title{font-family:var(--se-font-display);font-size:1.5rem;font-weight:700;margin:8px 0 0}
.se-tioffer__done-copy{font-size:1rem;line-height:1.6;color:var(--se-text-sec);max-width:420px;margin:0 0 8px}
.se-tioffer__done-ref{font-size:1rem;color:var(--se-text);margin:0}
.se-tioffer__done-ref strong{font-weight:700}
.se-tioffer__done-btn{flex:0 0 auto;min-width:200px}
.se-tiform{max-width:544px;width:100%;margin:0 auto;padding:24px}
.se-tiform__progress{position:relative;padding-bottom:20px;margin-bottom:12px}
.se-tiform__progress-label{display:block;text-align:center;font-size:1rem;color:var(--se-text)}
.se-tiform__progress-track{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--se-border)}
.se-tiform__progress-bar{position:absolute;left:0;top:0;height:2px;background:var(--se-primary)}
.se-tiform__title{font-size:1rem;font-weight:700;margin:20px 0 0}
.se-tiform__intro{font-size:1rem;color:var(--se-text);margin:16px 0}
.se-tiform__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.se-tiform__field{display:flex;flex-direction:column;gap:6px}
.se-tiform__field--full{grid-column:1 / -1}
.se-tiform__field--half{grid-column:span 1}
@media(max-width:560px){.se-tiform__field--half{grid-column:1 / -1}}
.se-tiform__label{font-size:.8125rem;color:var(--se-text-sec)}
.se-tiform__field input[type=text],.se-tiform__field input[type=date],.se-tiform__field input[type=tel],.se-tiform__select select{width:100%;height:48px;padding:0 12px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);font-size:1rem;color:var(--se-text)}
.se-tiform__field input:focus,.se-tiform__select select:focus{outline:none;border-color:var(--se-primary);box-shadow:0 0 0 3px rgba(107,66,38,.15)}
.se-tiform__hint{font-size:.8125rem;color:var(--se-text-sec)}
.se-tiform__select{position:relative}
.se-tiform__select select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:40px}
.se-tiform__select svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--se-text-sec);pointer-events:none}
.se-tiform__select select:disabled{background:var(--se-surface-alt);color:var(--se-text-muted);cursor:not-allowed}
.se-tiform__phone{display:flex}
.se-tiform__phone-code{display:inline-flex;align-items:center;height:48px;padding:0 12px;border:1px solid var(--se-border);border-right:0;border-radius:8px 0 0 8px;background:var(--se-surface-alt);font-size:1rem;color:var(--se-text)}
.se-tiform__phone input{border-radius:0 8px 8px 0!important}
.se-tiform__check{flex-direction:row;align-items:flex-start;gap:12px;font-size:.9375rem;line-height:1.5;color:var(--se-text)}
.se-tiform__check input{margin-top:3px;width:20px;height:20px;flex-shrink:0;accent-color:var(--se-primary)}
.se-tiform__check a{color:var(--se-primary);text-decoration:underline}
.se-tiform__sms{font-size:.75rem;line-height:1.5;color:var(--se-text-sec);margin:24px 0 0}
.se-tiform__submit{display:block;margin:24px 0 0 auto;padding:12px 28px;border:0;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s}
.se-tiform__submit:hover{background:var(--se-primary-hover)}
/* Shipping method step (2/2): radio cards */
.se-tiform__progress-back{position:absolute;left:0;top:8px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--se-text);transition:background-color .2s}
.se-tiform__progress-back:hover{background:var(--se-surface)}
.se-tiform__progress-back svg{width:24px;height:24px}
.se-tiform__progress-label{padding:0 40px}
.se-tiship{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.se-tiship__item{position:relative}
.se-tiship__radio{position:absolute;opacity:0;width:0;height:0}
.se-tiship__card{display:flex;gap:12px;padding:16px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-white);cursor:pointer;transition:background-color .2s,border-color .2s}
.se-tiship__card:hover{background:var(--se-surface-alt)}
.se-tiship__dot{flex-shrink:0;margin-top:2px;width:20px;height:20px;border-radius:50%;border:1px solid var(--se-border);background:var(--se-white);position:relative;transition:border-color .2s}
.se-tiship__radio:checked + .se-tiship__card{border-color:var(--se-primary);box-shadow:inset 0 0 0 1px var(--se-primary)}
.se-tiship__radio:checked + .se-tiship__card .se-tiship__dot{border-color:var(--se-primary)}
.se-tiship__radio:checked + .se-tiship__card .se-tiship__dot::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--se-primary)}
.se-tiship__radio:focus-visible + .se-tiship__card{outline:2px solid var(--se-primary);outline-offset:2px}
.se-tiship__body{display:flex;flex-direction:column;gap:8px}
.se-tiship__title{font-size:1rem;color:var(--se-text)}
.se-tiship__desc{font-size:.875rem;line-height:1.5;color:var(--se-text-sec)}
.se-tiship__badge{position:absolute;top:-10px;right:12px;z-index:1;font-size:.8125rem;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--se-surface);color:var(--se-primary)}

/* Breadcrumb sits tight under the nav */
.se-tradein__crumbs{display:flex;align-items:center;font-size:.8125rem;font-weight:600}
.se-tradein__crumbs .se-sep{display:inline-flex;align-items:center}
.se-tradein__crumbs [aria-current="page"]{color:var(--se-text)}

/* Hero — centred serif punchline + faded subtitle */
.se-tradein__hero{text-align:center;max-width:820px;margin:clamp(24px,5vw,48px) auto clamp(36px,6vw,64px)}
.se-tradein .punchline{font-family:var(--se-font-serif,var(--se-font-display));font-weight:600;font-size:clamp(2.25rem,1.4rem + 3.4vw,3.25rem);line-height:1.05;letter-spacing:-.01em;color:var(--se-text);margin:0}
.se-tradein__hero-sub{margin:12px auto 0;max-width:600px;font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.5;color:var(--se-text-sec)}

/* Device picker */
.se-tradein__picker-title{font-family:var(--se-font-display);font-weight:700;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.2;color:var(--se-text);margin:0 0 16px}
.se-tradein__grid{display:grid;grid-template-columns:1fr;gap:16px;list-style:none;margin:0;padding:0}
@media(min-width:560px){.se-tradein__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.se-tradein__grid{grid-template-columns:repeat(4,1fr)}}

/* Category tile — device photo on a lime panel + label below */
.se-tradein__card{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:14px;background:var(--se-white);box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 6px rgba(59,36,24,.05);transition:box-shadow .2s,transform .2s}
.se-tradein__card:hover{box-shadow:0 8px 20px rgba(59,36,24,.12);transform:translateY(-2px)}
.se-tradein__card-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:10px;background:var(--se-lime);overflow:hidden;position:relative}
.se-tradein__card-badge{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--se-surface);color:var(--se-text);font-family:var(--se-font-display);font-size:.8125rem;font-weight:600;line-height:1.2}
.se-tradein__card-media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px;transition:transform .3s ease}
.se-tradein__card:hover .se-tradein__card-media img{transform:scale(1.03)}
.se-tradein__card-label{font-family:var(--se-font-display);font-weight:600;font-size:1rem;color:var(--se-text);padding:0 4px 4px}

/* Trust bar (reinsurance): icon tiles + bold labels on a panel */
.se-tradein__trust{margin-top:clamp(36px,6vw,56px)}
.se-tradein__trust-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;margin:0;padding:12px;border-radius:12px;background:var(--se-surface)}
@media(min-width:768px){.se-tradein__trust-list{grid-template-columns:repeat(4,1fr)}}
.se-tradein__trust-item{display:flex;align-items:center;gap:12px;min-width:0}
.se-tradein__trust-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:8px;background:var(--se-white);color:var(--se-text);box-shadow:0 1px 2px rgba(59,36,24,.08),0 2px 6px rgba(59,36,24,.06)}
.se-tradein__trust-icon svg{width:24px;height:24px}
.se-tradein__trust-label{font-size:.9375rem;font-weight:700;line-height:1.3;color:var(--se-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}

/* Estimate block */
.se-tradein__estimate{margin-top:clamp(24px,4vw,32px);display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px);align-items:center;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);border-radius:16px;background:var(--se-surface)}
@media(min-width:860px){.se-tradein__estimate{grid-template-columns:1fr 1fr}}
.se-tradein__estimate .punchline{font-family:var(--se-font-serif,var(--se-font-display));font-weight:600;font-size:clamp(2rem,1.4rem + 2.6vw,2.75rem);line-height:1.05;letter-spacing:-.01em;color:var(--se-text);margin:0}
.se-tradein__estimate-sub{margin:14px 0 0;font-size:1.0625rem;line-height:1.5;color:var(--se-text-sec)}
.se-tradein__estimate-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:14px 28px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-weight:700;font-size:1rem;text-decoration:none;transition:background .2s}
.se-tradein__estimate-btn:hover{background:var(--se-primary-hover);color:var(--se-on-dark)}

/* Estimate value table */
.se-tradein__estimate-table{display:flex;flex-direction:column}
.se-tradein__estimate-head,.se-tradein__estimate-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;padding:12px 8px}
.se-tradein__estimate-head{font-family:var(--se-font-display);font-weight:700;font-size:1.0625rem;color:var(--se-text)}
.se-tradein__estimate-row{font-size:1rem;color:var(--se-text);border-top:1px solid rgba(59,36,24,.08)}

/* 3 easy steps */
.se-tradein__steps{margin-top:clamp(48px,8vw,80px)}
.se-tradein__steps-head{text-align:center;max-width:680px;margin:0 auto clamp(24px,4vw,40px)}
.se-tradein__steps-head .punchline{font-family:var(--se-font-serif,var(--se-font-display));font-weight:600;font-size:clamp(2rem,1.4rem + 2.6vw,2.75rem);line-height:1.05;letter-spacing:-.01em;color:var(--se-text);margin:0}
.se-tradein__steps-sub{margin:10px 0 0;font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.5;color:var(--se-text-sec)}
.se-tradein__steps-grid{display:grid;grid-template-columns:1fr;gap:24px;list-style:none;margin:0;padding:0}
@media(min-width:768px){.se-tradein__steps-grid{grid-template-columns:repeat(3,1fr)}}
.se-tradein__step{display:flex;flex-direction:column;padding:12px;border-radius:14px;background:var(--se-white);box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 6px rgba(59,36,24,.05)}
.se-tradein__step-media{display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/11;background:var(--se-surface)}
.se-tradein__step-media img{width:100%;height:100%;object-fit:cover;display:block}
.se-tradein__step-title{font-family:var(--se-font-display);font-weight:700;font-size:1.125rem;color:var(--se-text);margin:16px 4px 0}
.se-tradein__step-copy{margin:8px 4px 4px;font-size:.9375rem;line-height:1.5;color:var(--se-text-sec)}

/* Most-wanted exes (tagged-product carousel) */
.se-tradein__exes{margin-top:clamp(48px,8vw,80px);position:relative}
.se-tradein__exes-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.se-tradein__exes-title{font-family:var(--se-font-display);font-weight:700;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.2;color:var(--se-text);margin:0}
.se-tradein__exes-sub{margin:6px 0 0;font-size:1rem;line-height:1.4;color:var(--se-text-sec)}
.se-tradein__exes-nav{display:none;gap:12px;flex-shrink:0}
@media(min-width:768px){.se-tradein__exes-nav{display:flex}}
.se-tradein__exes-arrow{width:40px;height:40px;border-radius:50%;border:0;background:var(--se-primary);color:var(--se-on-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.se-tradein__exes-arrow:hover{background:var(--se-primary-hover)}
.se-tradein__exes-arrow:disabled{background:var(--se-border);color:var(--se-text-muted);cursor:not-allowed}
.se-tradein__exes-rail{display:flex;gap:16px;list-style:none;margin:0;padding:0 0 4px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.se-tradein__exes-rail::-webkit-scrollbar{display:none}
.se-tradein__exes-rail > li{scroll-snap-align:start;flex:0 0 auto}
.se-tradein__excard{display:flex;flex-direction:column;align-items:center;text-align:center;width:300px;height:100%;padding:24px;border-radius:14px;background:var(--se-white);box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 6px rgba(59,36,24,.05);color:var(--se-text);transition:box-shadow .2s,transform .2s}
.se-tradein__excard:hover{box-shadow:0 8px 20px rgba(59,36,24,.12);transform:translateY(-2px)}
.se-tradein__excard-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;margin-bottom:16px}
.se-tradein__excard-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.se-tradein__excard-title{font-family:var(--se-font-display);font-weight:700;font-size:1.125rem;line-height:1.3}
.se-tradein__excard-price{margin-top:8px;font-size:.9375rem;color:var(--se-text-sec)}
.se-tradein__excard-price .amount{font-weight:600;color:var(--se-text)}

/* ═══════════════════════════════════════════════════════════════════
   "ADDED TO CART" INTERSTITIAL (assets/js/main.js → openOverlay)
   Full-screen confirmation shown after a successful add-to-cart:
   a top status bar (check + product), "Goes well with" / "Others also
   bought" rails, and a sticky Back / Go to cart footer.
   ═══════════════════════════════════════════════════════════════════ */
.se-atc-lock{overflow:hidden}
.se-atc-overlay{position:fixed;inset:0;z-index:1200;background:var(--se-bg);opacity:0;transition:opacity .22s ease}
.se-atc-overlay.is-visible{opacity:1}
.se-atc-overlay.is-leaving{opacity:0}
.se-atc{display:flex;flex-direction:column;height:100%}
/* Standalone full-page screen (server-rendered ?se_added) */
.se-atc-screen-page{margin:0;background:var(--se-bg)}
.se-atc--page{min-height:100vh;height:100vh}

/* ── Top status bar ── */
.se-atc__bar{flex:0 0 auto;background:var(--se-white);border-bottom:1px solid var(--se-border)}
.se-atc__bar-inner{display:flex;align-items:center;gap:28px;min-height:64px;padding-top:10px;padding-bottom:10px}
.se-atc__status{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.se-atc__check{display:flex;align-items:center}
.se-atc__status-text{font-size:1.0625rem;font-weight:700;color:var(--se-text)}
.se-atc__product{display:flex;align-items:center;gap:12px;min-width:0}
.se-atc__product-thumb{flex:0 0 auto;width:44px;height:44px;border-radius:8px;background:var(--se-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}
.se-atc__product-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.se-atc__product-name{font-size:.875rem;font-weight:600;color:var(--se-text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.se-atc__product-sub{color:var(--se-text-sec);font-weight:500}

/* ── Scrollable middle ── */
.se-atc__scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
.se-atc__content{padding-top:28px;padding-bottom:40px;display:flex;flex-direction:column;gap:40px}

/* ── Rails ── */
.se-atc-rail__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.se-atc-rail__title{font-size:clamp(1.125rem,.95rem + .6vw,1.5rem);font-weight:800;margin:0;color:var(--se-text)}
.se-atc-rail__nav{display:flex;gap:8px;flex:0 0 auto}
.se-atc-rail__arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--se-border);background:var(--se-white);color:var(--se-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s}
.se-atc-rail__arrow:last-child{background:var(--se-primary);color:var(--se-on-dark);border-color:var(--se-primary)}
.se-atc-rail__arrow:hover{transform:scale(1.05)}
.se-atc-rail__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.se-atc-rail__track::-webkit-scrollbar{display:none}
.se-atc-rail__item{scroll-snap-align:start;flex:0 0 clamp(190px,42vw,210px)}

/* ── Recommendation card ── */
.se-atc-card{display:flex;flex-direction:column;height:100%;background:var(--se-white);border:1px solid var(--se-border);border-radius:14px;padding:14px}
.se-atc-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--se-surface-alt);border-radius:10px;margin-bottom:14px}
.se-atc-card__media img{max-width:88%;max-height:88%;object-fit:contain}
.se-atc-card__info{flex:1 1 auto;display:flex;flex-direction:column}
.se-atc-card__title{font-size:.875rem;font-weight:700;color:var(--se-text);text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.se-atc-card__title:hover{text-decoration:underline}
.se-atc-card__cond{font-size:.8125rem;color:var(--se-text-sec);margin:0 0 8px}
.se-atc-card__rating{display:flex;align-items:center;gap:5px;margin-bottom:10px;font-size:.75rem;color:var(--se-text-sec)}
.se-atc-card__rating .se-stars{display:flex;gap:1px}
.se-atc-card__rating-num{font-weight:700;color:var(--se-text)}
.se-atc-card__price{font-size:1.25rem;font-weight:800;color:var(--se-text);margin:0 0 14px;margin-top:auto}
.se-atc-card__price .woocommerce-Price-amount{font-weight:800}
.se-atc-card__add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:1px solid var(--se-primary);border-radius:var(--se-radius-full);background:var(--se-white);color:var(--se-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.se-atc-card__add:hover{background:var(--se-primary);color:var(--se-on-dark)}
.se-atc-card__add-plus{font-size:1.1rem;line-height:1}
.se-atc-card__add.is-added{background:var(--se-primary);color:var(--se-on-dark);cursor:default}

/* ── Sticky footer ── */
.se-atc__footer{flex:0 0 auto;background:var(--se-white);border-top:1px solid var(--se-border)}
.se-atc__footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-top:14px;padding-bottom:14px}
.se-atc__back{background:none;border:none;color:var(--se-text);font-size:.9375rem;font-weight:700;text-decoration:underline;cursor:pointer;padding:8px 4px}
.se-atc__gotocart{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;background:var(--se-primary);color:var(--se-on-dark);border-radius:var(--se-radius);font-size:.9375rem;font-weight:700;text-decoration:none;transition:background .15s}
.se-atc__gotocart:hover{background:var(--se-primary-hover);color:var(--se-on-dark)}

@media(max-width:640px){
  .se-atc__bar-inner{gap:16px}
  .se-atc__product-thumb{width:38px;height:38px}
  .se-atc__product-name{font-size:.8125rem}
  .se-atc-rail__item{flex:0 0 70vw}
}
@media(prefers-reduced-motion:reduce){
  .se-atc-overlay{transition:none}
  .se-atc-rail__track{scroll-behavior:auto}
}

/* ─── Cart item card (Back Market–style) ─────────────────────────── */
.woocommerce-cart-form .shop_table tbody tr.woocommerce-cart-form__cart-item {
    display: flex;
    align-items: flex-start;
    background: var(--se-white);
    border: 0.5px solid var(--se-border);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    gap: 16px;
}

/* Condition badges */
.swappa-badges {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.swappa-badge {
    font-size: 12px;
    color: var(--se-text-sec);
    border: 0.5px solid var(--se-border);
    border-radius: 4px;
    padding: 2px 8px;
    background: var(--se-surface-alt);
}

/* Savings badge */
.swappa-save-badge {
    font-size: 12px;
    font-weight: 500;
    background: #d4f5e2;
    color: #0a6636;
    padding: 3px 8px;
    border-radius: 4px;
}

/* Delivery banner */
.swappa-delivery {
    margin-top: 12px;
    background: var(--se-surface-alt);
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--se-primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Remove button */
a.remove {
    color: #c0392b !important;
    border: 0.5px solid #c0392b;
    border-radius: 6px;
    padding: 4px 14px;
}

/* ── My Account → Orders (woocommerce/myaccount/orders.php) ── */
.se-orders{max-width:var(--se-container);margin:0 auto;padding:0 var(--se-gutter,16px) 64px;width:100%}
.se-orders__head{text-align:center;margin-bottom:32px}
.se-orders__title{font-family:var(--se-font-display);font-size:1.875rem;font-weight:800;color:var(--se-text);margin:0}
.se-orders__sub{margin:6px 0 0;font-size:.9375rem;color:var(--se-text-sec)}

/* Empty state card (Back Market style) */
.se-orders-empty{background:var(--se-white);border-radius:12px;box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 12px rgba(59,36,24,.06);padding:32px}
.se-orders-empty__inner{display:flex;flex-direction:column;gap:16px}
@media(min-width:768px){.se-orders-empty__inner{flex-direction:row;align-items:center}}
.se-orders-empty__copy{display:flex;flex-direction:column;justify-content:center}
@media(min-width:768px){.se-orders-empty__copy{margin-right:56px}}
.se-orders-empty__title{font-size:1.5rem;font-weight:800;color:var(--se-text);margin:0 0 8px}
.se-orders-empty__text{font-size:1rem;color:var(--se-text-sec);line-height:1.5;margin:0}
.se-orders-empty__cta-wrap{margin-top:20px}
.se-orders-empty__cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s}
.se-orders-empty__cta:hover{background:var(--se-primary-hover)}
.se-orders-empty__media{order:-1;display:flex;align-items:center;justify-content:center}
@media(min-width:768px){.se-orders-empty__media{order:1;margin-left:auto;flex:0 0 448px;width:448px;min-width:448px}}
.se-orders-empty__media img{width:100%;height:auto;border-radius:8px;display:block;max-width:100%}
@media(max-width:767px){.se-orders-empty__cta,.se-orders-empty__cta-wrap .se-orders-empty__cta{width:100%}}

/* Populated orders table */
.se-orders__table{width:100%;border:1px solid var(--se-border);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--se-white)}
.se-orders__table th{background:var(--se-surface);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;color:var(--se-text-sec);text-align:left;padding:14px 16px}
.se-orders__table td{padding:16px;font-size:.9375rem;color:var(--se-text);border-top:1px solid var(--se-border);vertical-align:middle}
.se-orders__table a{color:var(--se-text);font-weight:600}
.se-orders__table a:hover{color:var(--se-primary-hover)}
.se-orders__action{display:inline-flex;align-items:center;height:36px;padding:0 14px;margin:2px 4px 2px 0;border:1px solid var(--se-border);border-radius:8px;font-size:.875rem;font-weight:700;color:var(--se-text)!important;text-decoration:none;transition:background .2s}
.se-orders__action:hover{background:var(--se-surface)}
.se-orders__action.view{border-color:var(--se-primary);background:var(--se-primary);color:var(--se-on-dark)!important}
.se-orders__action.view:hover{background:var(--se-primary-hover)}
.se-orders__pagination{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.se-orders__page-btn{display:inline-flex;align-items:center;height:44px;padding:0 20px;border:1px solid var(--se-border);border-radius:8px;font-weight:700;font-size:.9375rem;color:var(--se-text);text-decoration:none;transition:background .2s}
.se-orders__page-btn:hover{background:var(--se-surface)}
.se-orders__page-btn.woocommerce-button--next{margin-left:auto}
@media(max-width:767px){
  .se-orders__table thead{display:none}
  .se-orders__table,.se-orders__table tbody,.se-orders__table tr,.se-orders__table td{display:block;width:100%}
  .se-orders__table tr{border-top:1px solid var(--se-border)}
  .se-orders__table tr:first-child{border-top:none}
  .se-orders__table td{border-top:none;display:flex;justify-content:space-between;gap:16px;padding:10px 16px}
  .se-orders__table td::before{content:attr(data-title);font-weight:700;font-size:.75rem;text-transform:uppercase;color:var(--se-text-sec)}
}

/* ── My Account → Trade-ins (?se_view=tradeins) ── */
.se-tradeins{max-width:var(--se-container);margin:0 auto;padding:0 var(--se-gutter,16px) 64px;width:100%}
.se-tradeins__head{text-align:center;margin-bottom:32px}
.se-tradeins__title{font-family:var(--se-font-display);font-size:1.875rem;font-weight:800;color:var(--se-text);margin:0}
.se-tradeins__sub{margin:6px 0 0;font-size:.9375rem;color:var(--se-text-sec)}
.se-tradeins-empty{display:flex;flex-direction:column;gap:16px;background:var(--se-white);border-radius:12px;box-shadow:0 1px 2px rgba(59,36,24,.06),0 2px 12px rgba(59,36,24,.06);padding:32px}
@media(min-width:768px){.se-tradeins-empty{flex-direction:row;align-items:center}}
.se-tradeins-empty__copy{display:flex;flex-direction:column;justify-content:center}
@media(min-width:768px){.se-tradeins-empty__copy{margin-right:56px}}
.se-tradeins-empty__title{font-size:1.5rem;font-weight:800;color:var(--se-text);margin:0 0 8px}
.se-tradeins-empty__text{font-size:1rem;color:var(--se-text-sec);line-height:1.5;margin:0}
.se-tradeins-empty__cta-wrap{margin-top:20px}
.se-tradeins-empty__cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s}
.se-tradeins-empty__cta:hover{background:var(--se-primary-hover)}
.se-tradeins-empty__media{order:-1;display:flex;align-items:center;justify-content:center}
@media(min-width:768px){.se-tradeins-empty__media{order:1;margin-left:auto;flex:0 0 448px;width:448px;min-width:448px}}
.se-tradeins-empty__media img{width:100%;height:auto;border-radius:8px;display:block;max-width:100%}
@media(max-width:767px){.se-tradeins-empty__cta{width:100%}}

/* ── Checkout step 2: Select delivery method (main column) ── */
.se-checkout__delivery{border:0;margin:0;padding:0}
.se-checkout__delivery-title{font-family:var(--se-font-display);font-size:1.25rem;font-weight:700;color:var(--se-primary);margin:0 0 16px;padding:0}
.se-checkout__delivery-card{background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(59,36,24,.05)}
.se-checkout__delivery-item{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.se-checkout__delivery-thumb{position:relative;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--se-border);border-radius:8px;background:var(--se-surface);display:flex;align-items:center;justify-content:center}
.se-checkout__delivery-thumb img{width:32px;height:32px;object-fit:contain;border-radius:6px;display:block}
.se-checkout__delivery-name{font-size:1rem;color:var(--se-text)}
.se-checkout__delivery-option{position:relative;display:flex;gap:12px;padding:16px;padding-left:48px;margin-top:12px;border-radius:8px;background:var(--se-surface);cursor:pointer;transition:box-shadow .2s,background .2s}
.se-checkout__delivery-option:first-of-type{margin-top:0}
.se-checkout__delivery-option:hover{background:var(--se-border)}
.se-checkout__delivery-radio{position:absolute;opacity:0;width:0;height:0}
.se-checkout__delivery-dot{position:absolute;left:16px;top:18px;width:20px;height:20px;border-radius:50%;border:2px solid var(--se-border);background:var(--se-white);box-sizing:border-box;transition:border-color .2s}
.se-checkout__delivery-dot::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--se-primary);transform:translate(-50%,-50%) scale(0);transition:transform .15s}
.se-checkout__delivery-option.is-selected,.se-checkout__delivery-option:has(.se-checkout__delivery-radio:checked){box-shadow:inset 0 0 0 2px var(--se-primary);background:var(--se-white)}
.se-checkout__delivery-option.is-selected .se-checkout__delivery-dot,.se-checkout__delivery-option:has(.se-checkout__delivery-radio:checked) .se-checkout__delivery-dot{border-color:var(--se-primary)}
.se-checkout__delivery-option.is-selected .se-checkout__delivery-dot::after,.se-checkout__delivery-option:has(.se-checkout__delivery-radio:checked) .se-checkout__delivery-dot::after{transform:translate(-50%,-50%) scale(1)}
.se-checkout__delivery-radio:focus-visible+.se-checkout__delivery-dot{outline:2px solid var(--se-primary);outline-offset:2px}
.se-checkout__delivery-body{flex:1 1 auto;min-width:0}
.se-checkout__delivery-head{display:flex;flex-direction:column;gap:4px}
@media(min-width:468px){.se-checkout__delivery-head{flex-direction:row;justify-content:space-between;gap:12px}}
.se-checkout__delivery-label{font-size:1rem;font-weight:700;color:var(--se-text)}
.se-checkout__delivery-cost{font-size:1rem;font-weight:700;color:var(--se-text);white-space:nowrap}
.se-checkout__delivery-cost.is-free{color:#0f8a4f}
.se-checkout__delivery-sub{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:.875rem;color:var(--se-text)}
.se-checkout__delivery-sub svg{flex:0 0 auto;color:var(--se-text)}
.se-checkout__delivery-none{margin:0;font-size:.9375rem;color:var(--se-text-sec)}

/* ── Checkout stepper: Next button + payment step ── */
.se-checkout__actions{display:flex;justify-content:flex-end;margin-top:8px}
.se-checkout__next{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:14px 28px;border:none;border-radius:8px;background:var(--se-primary);color:var(--se-on-dark);font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-checkout__next:hover{background:var(--se-primary-hover)}
@media(max-width:767px){.se-checkout__actions{justify-content:stretch}.se-checkout__next{width:100%}}
.se-checkout__pay-title{font-family:var(--se-font-display);font-size:1.25rem;font-weight:700;color:var(--se-primary);margin:0 0 16px}

/* Inline required-field validation on the address step */
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid textarea{border-color:var(--se-danger);box-shadow:0 0 0 1px var(--se-danger)}
.se-checkout__field-error{display:block;margin-top:6px;font-size:.8125rem;font-weight:600;color:#B42318}

/* ── Checkout order summary: legal + payment icons + secure line (under Total) ── */
.se-corder__terms{margin:16px 0 0;font-size:.75rem;line-height:1.5;color:var(--se-text-sec)}
.se-corder__terms a{color:var(--se-text);text-decoration:underline}
.se-corder__legal{margin:16px 0 0}
.se-corder__legal-line{margin:0;font-size:.75rem;line-height:1.5;color:var(--se-text-sec)}
.se-corder__legal-line+.se-corder__legal-line{margin-top:4px}
.se-corder__legal a{color:var(--se-text);text-decoration:underline}
.se-corder__pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;padding:8px;border:1px solid var(--se-border);border-radius:8px}
.se-corder__pay img{height:20px;width:auto;display:block}
.se-corder__secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;font-size:.8125rem;font-weight:600;color:var(--se-text-sec)}

/* Sidebar address recap (Ship to / Bill to) shown on the Payment step */
.se-corder-addr{margin-top:16px;background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;box-shadow:0 2px 4px rgba(59,36,24,.05);padding:24px;display:flex;flex-direction:column;gap:24px}
.se-corder-addr__block{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.se-corder-addr__lines{font-style:normal;display:flex;flex-direction:column;gap:1px;font-size:.875rem;line-height:1.5;color:var(--se-text)}
.se-corder-addr__name{font-weight:700;margin-bottom:4px}
.se-corder-addr__modify{flex:0 0 auto;display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid var(--se-text);border-radius:8px;background:var(--se-white);color:var(--se-text);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-corder-addr__modify:hover{background:var(--se-surface)}

/* ── Checkout step 2: read-only shipping address card ── */
.se-checkout__addr-title{font-family:var(--se-font-display);font-size:1.25rem;font-weight:700;color:var(--se-primary);margin:0 0 16px}
.se-checkout__addr-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--se-white);border:1px solid var(--se-border);border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(59,36,24,.05)}
.se-checkout__addr-lines{font-style:normal;display:flex;flex-direction:column;gap:2px;font-size:1rem;line-height:1.5;color:var(--se-text)}
.se-checkout__addr-name{font-weight:700;margin-bottom:2px}
.se-checkout__addr-phone{margin-top:8px}
.se-checkout__addr-edit{flex:0 0 auto;display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid var(--se-text);border-radius:8px;background:var(--se-white);color:var(--se-text);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s}
.se-checkout__addr-edit:hover{background:var(--se-surface)}
.se-checkout__addr-same{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:1rem;color:var(--se-text);cursor:pointer}
.se-checkout__addr-same input{width:20px;height:20px;accent-color:var(--se-primary);cursor:pointer}

/* ── Checkout step 3: Back Market "Choose payment method" ──
   Uses Back Market's neutral palette/sizing (NOT the site's purple/navy tokens)
   so the screen matches backmarket.com exactly. */
.se-checkout{
  --bm-text:var(--se-text);            /* body / row text (rev-t210) */
  --bm-text-low:var(--se-text-muted);        /* secondary / captions */
  --bm-divider:var(--se-border);         /* row dividers / hairlines */
  --bm-border:var(--se-border);          /* input borders */
  --bm-input-bg:var(--se-surface-alt);        /* input fill (static-default-low) */
  --bm-hover:var(--se-surface-alt);           /* row hover */
  --bm-dark:var(--se-primary-hover);            /* selected radio + Pay button (action-default-hi) */
  --bm-shadow:0 1px 2px rgba(59,36,24,.05),0 2px 8px rgba(59,36,24,.06); /* shadow-short */
  --bm-radius:8px;              /* rounded-lg */
}
.se-pay__title{font-family:var(--se-font-display);font-size:1.25rem;line-height:1.5;font-weight:600;color:var(--bm-text);margin:0 0 16px}
.se-pay__card{background:var(--se-white);border:0;border-radius:var(--bm-radius);box-shadow:var(--bm-shadow);overflow:hidden}
.se-pay__list{list-style:none;margin:0;padding:0}
.se-pay__item{list-style:none;border-top:1px solid var(--bm-divider)}
.se-pay__item:first-child{border-top:0}
.se-pay__head{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;border:0;background:var(--se-white);cursor:pointer;text-align:left;transition:background .2s}
.se-pay__head:hover{background:var(--bm-hover)}
.se-pay__radio{flex:0 0 auto;position:relative;width:20px;height:20px;border-radius:50%;border:1px solid var(--bm-border);background:var(--se-white);box-sizing:border-box;transition:background .2s,border-color .2s}
.se-pay__radio::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--se-white);transform:translate(-50%,-50%) scale(0);transition:transform .15s}
.se-pay__item.is-open .se-pay__radio{border-color:var(--bm-dark);background:var(--bm-dark)}
.se-pay__item.is-open .se-pay__radio::after{transform:translate(-50%,-50%) scale(1)}
.se-pay__name{flex:1 1 auto;min-width:0;font-size:1rem;line-height:1.5;color:var(--bm-text)}
.se-pay__icons{display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:flex-end}
.se-pay__icons img{height:20px;width:auto;display:block}
.se-pay__body{padding:8px 24px 20px;display:none;color:var(--bm-text-low)}
.se-pay__item.is-open .se-pay__body{display:block}
.se-pay__hint{margin:0 0 12px;font-size:.875rem;line-height:1.5;color:var(--bm-text-low)}
.se-pay__row{display:flex;gap:12px;margin-top:12px}
@media(max-width:560px){.se-pay__row{flex-direction:column}}
.se-pay__field{position:relative;flex:1 1 0;margin-top:12px}
.se-pay__field:first-child{margin-top:0}
.se-pay__row{align-items:start}
.se-pay__row .se-pay__field{margin-top:0}
.se-pay__field input{width:100%;height:48px;padding:18px 44px 4px 12px;border:1px solid var(--bm-border);border-radius:4px;background:var(--se-white);font-family:inherit;font-size:1rem;color:var(--bm-text);outline:none;transition:border-color .2s,box-shadow .2s}
.se-pay__field input:hover{border-color:#8A7B6C}
.se-pay__field input:focus{border-color:var(--bm-dark);box-shadow:0 0 0 1px var(--bm-dark);background:var(--se-white)}
.se-pay__field label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--bm-text);font-size:1rem;line-height:1.5;pointer-events:none;transition:all .15s}
.se-pay__field input:focus+label,.se-pay__field input:not(:placeholder-shown)+label{top:8px;transform:none;font-size:.75rem;color:var(--bm-text-low)}
.se-pay__field-ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--bm-text-low)}
.se-pay__cvv-link{display:flex;justify-content:flex-end;margin-top:12px}
.se-pay__cvv-link button{background:none;border:0;padding:0;font:inherit;color:var(--bm-text);font-weight:600;text-decoration:underline;cursor:pointer}
.se-pay__actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 24px 24px}
.se-pay__submit{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:12px 24px;border:0;border-radius:4px;background:var(--bm-dark);color:var(--se-on-dark);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}
.se-pay__submit:hover{opacity:.88}
@media(max-width:767px){.se-pay__actions{align-items:stretch}.se-pay__submit{width:100%}}
.se-pay__secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:.75rem;color:var(--bm-text-low)}

/* Promo code */
.se-pay__promo{margin:24px 0;background:var(--se-white);border:0;border-radius:var(--bm-radius);box-shadow:var(--bm-shadow);padding:16px}
.se-pay__promo-toggle{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:0;cursor:pointer}
.se-pay__promo-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#dcfce7;color:#0f8a4f}
.se-pay__promo-label{flex:1 1 auto;text-align:left;font-size:1rem;font-weight:600;color:var(--bm-text)}
.se-pay__promo-chev{color:var(--bm-text-low);transition:transform .2s}
.se-pay__promo.is-open .se-pay__promo-chev{transform:rotate(180deg)}
.se-pay__promo-form{display:flex;gap:12px;margin-top:16px}
@media(max-width:560px){.se-pay__promo-form{flex-direction:column}}
.se-pay__promo-field{position:relative;flex:1 1 auto}
.se-pay__promo-field input{width:100%;height:48px;padding:18px 12px 4px;border:1px solid var(--bm-border);border-radius:4px;background:var(--bm-input-bg);font-family:inherit;font-size:1rem;color:var(--bm-text);outline:none}
.se-pay__promo-field input:focus{border-color:var(--bm-dark);box-shadow:0 0 0 1px var(--bm-dark);background:var(--se-white)}
.se-pay__promo-field label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--bm-text-low);font-size:1rem;pointer-events:none;transition:all .15s}
.se-pay__promo-field input:focus+label,.se-pay__promo-field input:not(:placeholder-shown)+label{top:13px;transform:none;font-size:.75rem}
.se-pay__promo-apply{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border:1px solid var(--bm-dark);border-radius:4px;background:var(--se-white);color:var(--bm-dark);font-weight:600;cursor:pointer;transition:background .2s}
.se-pay__promo-apply:hover{background:var(--bm-hover)}
.se-pay__promo-msg{margin:8px 0 0;font-size:.875rem;font-weight:600}
.se-pay__promo-msg.is-ok{color:#0f8a4f}
.se-pay__promo-msg.is-err{color:#B42318}

.se-pay__perks{margin-top:32px}

/* Hide the real WooCommerce payment box; it only handles order submission. */
.se-pay__wc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Hide WooCommerce's default "Have a coupon?" toggle (our promo block replaces it). */
.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none}

/* ── Neutralize the rest of the checkout cards to the Back Market palette ── */
.se-checkout__order-title,.se-checkout__addr-title,.se-checkout__delivery-title,.se-checkout__perks-title{color:var(--bm-text)}
.se-checkout #order_review{border:0;box-shadow:var(--bm-shadow);border-radius:var(--bm-radius)}
.se-checkout__addr-card,.se-checkout__delivery-card,.se-corder-addr,.se-checkout__perks{border:0;box-shadow:var(--bm-shadow);border-radius:var(--bm-radius)}
.se-corder__sep{border-color:var(--bm-divider)}
.se-corder__name,.se-corder__price,.se-corder__row{color:var(--bm-text)}
.se-checkout__perk{color:var(--bm-text)}
.se-checkout__perk-icon{background:var(--se-surface-alt);border:1px solid var(--bm-divider);color:var(--bm-text)}
.se-checkout__addr-edit,.se-corder-addr__modify{border-color:var(--bm-dark);color:var(--bm-dark)}
.se-checkout__addr-edit:hover,.se-corder-addr__modify:hover{background:var(--bm-hover)}
.se-corder__pay{border-color:var(--bm-divider)}
/* Delivery method radios */
.se-checkout__delivery-option{background:var(--bm-input-bg)}
.se-checkout__delivery-option:hover{background:var(--bm-hover)}
.se-checkout__delivery-dot{border-color:var(--bm-border)}
.se-checkout__delivery-option.is-selected,.se-checkout__delivery-option:has(.se-checkout__delivery-radio:checked){box-shadow:inset 0 0 0 2px var(--bm-dark);background:var(--se-white)}
.se-checkout__delivery-option.is-selected .se-checkout__delivery-dot,.se-checkout__delivery-option:has(.se-checkout__delivery-radio:checked) .se-checkout__delivery-dot{border-color:var(--bm-dark)}
.se-checkout__delivery-option.is-selected .se-checkout__delivery-dot::after,.se-checkout__delivery-option:has(.se-checkout__delivery-radio:checked) .se-checkout__delivery-dot::after{background:var(--bm-dark)}
.se-checkout__delivery-cost.is-free{color:#0f8a4f}
/* Next button + progress bar use Back Market black, not navy */
.se-checkout__next{background:var(--bm-dark)}
.se-checkout__next:hover{background:var(--se-primary-hover)}
.se-checkout__step{color:var(--bm-text)}
.se-checkout__bar span,.se-checkout__back{color:var(--bm-text)}
.se-checkout__bar span{background:var(--bm-text)}

/* Visually-hidden utility (matches Back Market's sr-only): keeps the "Payment"
   heading for screen readers but hides it visually so the step starts at
   "Choose payment method". */
.se-checkout .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── "What is the CVV?" left drawer ── */
.se-cvv-modal{position:fixed;inset:0;z-index:1000}
.se-cvv-modal[hidden]{display:none}
.se-cvv-modal__backdrop{position:absolute;inset:0;background:rgba(36,24,18,.4)}
.se-cvv-modal__panel{position:absolute;right:0;top:0;bottom:0;width:445px;max-width:90vw;background:var(--se-white);display:flex;flex-direction:column;border-top-left-radius:16px;border-bottom-left-radius:16px;box-shadow:-2px 0 24px rgba(59,36,24,.18);animation:se-cvv-in .2s ease-out}
@keyframes se-cvv-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.se-cvv-modal__panel{animation:none}}
.se-cvv-modal__head{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 56px;border-bottom:1px solid var(--bm-divider,var(--se-border))}
.se-cvv-modal__title{font-size:1rem;font-weight:600;color:var(--bm-text,var(--se-text));margin:0}
.se-cvv-modal__close{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--bm-text,var(--se-text));cursor:pointer;transition:background .2s}
.se-cvv-modal__close:hover{background:var(--bm-hover,var(--se-surface-alt))}
.se-cvv-modal__body{flex:1 1 auto;overflow:auto;padding:24px}
.se-cvv-modal__text{margin:8px 0 0;font-size:1rem;line-height:1.5;color:var(--bm-text,var(--se-text))}
.se-cvv-modal__img{display:block;margin:36px auto 0;width:132px;height:auto;max-width:100%}
body.se-cvv-open{overflow:hidden}

/* ── Curved (rounded) buttons + fields across the checkout ── */
.se-checkout__next,
.se-pay__submit,
.se-pay__promo-apply,
.se-checkout__addr-edit,
.se-corder-addr__modify{border-radius:8px}
.se-pay__field input,
.se-pay__promo-field input{border-radius:10px}
/* WooCommerce address-form inputs/selects on the edit step, kept curved too */
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container .select2-selection{border-radius:10px}

/* ================================================================
   Order Confirmation (Thank You / order-received) — Back Market style
   ================================================================ */

/* Page background */
body.woocommerce-order-received{background-color:var(--se-bg)}

/* Page container */
.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .entry-content{max-width:640px!important;margin:0 auto!important;padding:0 16px 60px!important;background:transparent}

/* Success banner (replaces the plain text notice) */
.woocommerce-order-received .woocommerce-notice--success{background:var(--se-primary);color:var(--se-on-dark);border-radius:16px;padding:36px 32px;text-align:center;border:none;margin-bottom:20px;position:relative}
.woocommerce-order-received .woocommerce-notice--success::before{content:"\2713";display:block;width:52px;height:52px;background:var(--se-accent);color:var(--se-text);border-radius:50%;font-size:26px;font-weight:700;line-height:52px;text-align:center;margin:0 auto 16px}
.woocommerce-order-received .woocommerce-notice--success p{color:rgba(255,252,248,.7);margin:6px 0 0;font-size:14px}

/* Order overview (order #, date, email, total, payment method) */
.woocommerce-order-overview.woocommerce-thankyou-order-details{background:var(--se-white);border-radius:14px;border:.5px solid rgba(59,36,24,.12);list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.woocommerce-order-overview li{padding:16px 20px;margin:0;border-right:.5px solid rgba(59,36,24,.1);border-bottom:.5px solid rgba(59,36,24,.1);font-size:13px;color:var(--se-text-muted);text-transform:uppercase;letter-spacing:.06em}
.woocommerce-order-overview li:nth-child(even){border-right:none}
.woocommerce-order-overview li:nth-last-child(-n+2){border-bottom:none}
.woocommerce-order-overview li strong{display:block;font-size:15px;font-weight:600;color:var(--se-text);text-transform:none;letter-spacing:0;margin-top:4px}

/* Section headings */
.woocommerce-order-details__title,
.woocommerce-column__title{font-size:12px;font-weight:600;color:#8A7B6C;text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px;padding-bottom:12px;border-bottom:.5px solid rgba(59,36,24,.1)}

/* Order details card */
.woocommerce-order-details{background:var(--se-white);border-radius:14px;border:.5px solid rgba(59,36,24,.12);padding:24px;margin-bottom:16px}

/* Order items table */
.woocommerce-table--order-details{width:100%;border-collapse:collapse}
.woocommerce-table--order-details thead th{font-size:11px;font-weight:600;color:#A2917F;text-transform:uppercase;letter-spacing:.07em;padding:0 0 12px;border-bottom:.5px solid rgba(59,36,24,.1)}
.woocommerce-table--order-details tbody td{padding:16px 0;border-bottom:.5px solid rgba(59,36,24,.06);color:var(--se-text);font-size:15px}
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td{padding:10px 0;font-size:14px;color:var(--se-text-muted);border-top:none}
.woocommerce-table--order-details tfoot .order-total th,
.woocommerce-table--order-details tfoot .order-total td{padding-top:16px;border-top:.5px solid rgba(59,36,24,.12);font-size:17px;font-weight:700;color:var(--se-text)}
.woocommerce-table--order-details tfoot .payment-method td{color:var(--se-text-sec)}

/* Customer details (billing/shipping address) */
.woocommerce-customer-details,
.col2-set.addresses{background:var(--se-white);border-radius:14px;border:.5px solid rgba(59,36,24,.12);padding:24px;margin-bottom:16px;overflow:hidden}
.woocommerce-customer-details address,
.col2-set address{font-style:normal;font-size:14px;color:var(--se-text-sec);line-height:1.7}
.col2-set.addresses{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}
.col2-set.addresses .col-1,
.col2-set.addresses .col-2{width:100%;float:none}

/* Continue shopping / action button */
.woocommerce-order-received .wc-bacs-bank-details,
.woocommerce-order-received p:last-of-type a.button,
.woocommerce-order-received .button{display:block;width:100%;text-align:center;background:var(--se-primary)!important;color:var(--se-on-dark)!important;border-radius:12px!important;padding:16px!important;font-size:16px!important;font-weight:600!important;border:none!important;cursor:pointer;margin-top:8px;box-shadow:none!important;text-decoration:none}
.woocommerce-order-received .button:hover{background:var(--se-primary-hover)!important;color:var(--se-accent)!important}

/* Mobile responsive */
@media(max-width:480px){
  .woocommerce-order-overview.woocommerce-thankyou-order-details{grid-template-columns:1fr}
  .woocommerce-order-overview li:nth-child(even){border-right:0}
  .woocommerce-order-overview li{border-right:none;border-bottom:.5px solid rgba(59,36,24,.1)}
  .col2-set.addresses{grid-template-columns:1fr}
}

/* Items ordered — thumbnail + name/qty layout (order-received & view-order) */
.woocommerce-order-received .woocommerce-table--order-details thead,
.woocommerce-view-order .woocommerce-table--order-details thead{display:none}
.woocommerce-order-received .woocommerce-table--order-details tbody td,
.woocommerce-view-order .woocommerce-table--order-details tbody td{vertical-align:middle}
.se-oi{display:flex;align-items:center;gap:16px}
.se-oi__thumb{flex:0 0 auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--se-white);border:.5px solid rgba(59,36,24,.12);border-radius:12px;overflow:hidden}
.se-oi__thumb img,.se-oi__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.se-oi__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.se-oi__name{font-size:15px;font-weight:700;color:var(--se-text);line-height:1.3}
.se-oi__qty{font-size:13px;color:#8A7B6C}
.woocommerce-order-received .woocommerce-table--order-details .product-total,
.woocommerce-view-order .woocommerce-table--order-details .product-total{font-weight:600;color:var(--se-primary);white-space:nowrap;text-align:right}
/* Total row accent (label + amount) */
.woocommerce-order-received .woocommerce-table--order-details tfoot .order-total th,
.woocommerce-order-received .woocommerce-table--order-details tfoot .order-total td,
.woocommerce-view-order .woocommerce-table--order-details tfoot .order-total th,
.woocommerce-view-order .woocommerce-table--order-details tfoot .order-total td{color:var(--se-primary)}
/* ================================================================
   SWAPPA ELECTRONICS — Order Detail Page (My Account > View Order)
   Back Market-inspired redesign — centered single column.
   Markup: woocommerce/myaccount/view-order.php (root class .se-od).
   Mirrors swappa_order_detail_mockup.html.
   ================================================================ */

/* Centered page column */
.se-od{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:0 0 64px;width:100%}

/* Generic card */
.se-od .card{background:var(--se-white);border-radius:14px;border:.5px solid rgba(59,36,24,.1);padding:24px}
.se-od .card-title{font-size:11px;font-weight:500;color:#8A7B6C;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-bottom:12px;border-bottom:.5px solid rgba(59,36,24,.1)}

/* Navy order header */
.se-od .order-header{background:var(--se-primary);border-radius:14px;padding:28px 28px 24px}
.se-od .oh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.se-od .oh-num{color:rgba(255,252,248,.5);font-size:13px;margin-bottom:4px}
.se-od .oh-title{color:var(--se-on-dark);font-size:22px;font-weight:500;line-height:1.2}
.se-od .status-badge{display:inline-flex;align-items:center;gap:4px;background:var(--se-accent);color:var(--se-text);font-size:12px;font-weight:500;padding:5px 14px;border-radius:20px;white-space:nowrap}
.se-od .status-badge svg{display:block}
.se-od .oh-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:.5px solid rgba(255,252,248,.12);padding-top:20px}
.se-od .oh-meta-item{padding-right:20px}
.se-od .oh-meta-item:last-child{padding-right:0;text-align:right}
.se-od .oh-meta-label{font-size:11px;color:rgba(255,252,248,.45);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.se-od .oh-meta-value{font-size:15px;font-weight:500;color:var(--se-on-dark)}

/* Product rows */
.se-od .product-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:.5px solid rgba(59,36,24,.08)}
.se-od .product-row:last-of-type{border-bottom:none}
.se-od .product-img{width:56px;height:56px;background:var(--se-bg);border-radius:10px;border:.5px solid rgba(59,36,24,.1);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;overflow:hidden}
.se-od .product-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.se-od .product-info{flex:1;min-width:0}
.se-od .product-name{font-size:14px;font-weight:500;color:var(--se-text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.se-od .product-sub{font-size:12px;color:#8A7B6C;margin-top:3px}
.se-od .product-price{font-size:15px;font-weight:500;color:var(--se-text);white-space:nowrap}

/* Totals */
.se-od .totals-section{margin-top:4px;border-top:.5px solid rgba(59,36,24,.1);padding-top:4px}
.se-od .total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--se-text-muted)}
.se-od .total-row.grand{border-top:.5px solid rgba(59,36,24,.1);margin-top:4px;padding-top:14px}
.se-od .total-row.grand span{font-size:18px;font-weight:500;color:var(--se-text)}

/* Payment method */
.se-od .pay-method{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--se-text)}
.se-od .pay-icon{width:32px;height:22px;background:var(--se-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.se-od .pay-icon svg{color:var(--se-accent)}

/* Billing address */
.se-od .addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.se-od .addr-label{font-size:11px;color:#8A7B6C;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.se-od .addr-text{font-size:14px;color:var(--se-text);line-height:1.7}

/* Actions */
.se-od .actions{display:flex;gap:10px}
.se-od .btn-primary{flex:1;background:var(--se-primary);color:var(--se-on-dark)!important;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s}
.se-od .btn-primary:hover{background:var(--se-primary-hover);color:var(--se-accent)!important}
.se-od .btn-secondary{flex:1;background:transparent;color:var(--se-text)!important;border:.5px solid rgba(59,36,24,.3);border-radius:10px;padding:14px;font-size:15px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s}
.se-od .btn-secondary:hover{background:var(--se-bg)}

/* Mobile */
@media(max-width:540px){
  .se-od .oh-meta{grid-template-columns:1fr 1fr;gap:16px 0}
  .se-od .oh-meta-item:last-child{text-align:left}
  .se-od .addr-grid{grid-template-columns:1fr;gap:16px}
  .se-od .actions{flex-direction:column}
}

/* ═══════════════════════════════════════════════════════════════════
   TRADE-IN TERMS & CONDITIONS (page-trade-in-terms.php)
   A long-form legal document: centred title with PDF/versions actions,
   a numbered table of contents, then the articles. Reuses --se-* tokens.
   ═══════════════════════════════════════════════════════════════════ */
.se-legal{padding:8px 0 var(--se-section)}
.se-legal__crumbs{display:flex;align-items:center;font-size:.8125rem;font-weight:600}
.se-legal__crumbs .se-sep{display:inline-flex;align-items:center}
.se-legal__crumbs [aria-current="page"]{color:var(--se-text)}
.se-legal__doc{max-width:820px;margin:0 auto}

/* Title + actions */
.se-legal__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin:clamp(16px,3vw,32px) 0 24px}
.se-legal__title{font-family:var(--se-font-display);font-weight:700;font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);line-height:1.1;color:var(--se-text);margin:0}
.se-legal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:620px}
.se-legal__btn{flex:1 1 240px;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--se-border);border-radius:10px;background:var(--se-white);color:var(--se-text);font-size:1rem;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.se-legal__btn:hover{background:var(--se-surface);border-color:var(--se-text)}
.se-legal__btn--solid{background:var(--se-primary);border-color:var(--se-primary);color:var(--se-on-dark)}
.se-legal__btn--solid:hover{background:var(--se-primary-hover);border-color:var(--se-primary-hover)}
.se-legal__effective{font-size:.9375rem;color:var(--se-text-sec);margin:0 0 8px}

/* Table of contents */
.se-legal__toc{margin:0 0 40px;padding-left:1.5rem;display:flex;flex-direction:column;gap:6px;list-style:decimal}
.se-legal__toc li{padding-left:4px}
.se-legal__toc a{color:var(--se-primary);text-decoration:none;font-size:1rem;line-height:1.5}
.se-legal__toc a:hover{text-decoration:underline}

/* Document body — styles the editor-generated markup (headings, paragraphs,
   lists, tables) as well as the theme's own helper classes. */
.se-legal__body{font-size:1rem;line-height:1.65;color:var(--se-text-sec)}
.se-legal .heading-2{font-family:var(--se-font-display);font-weight:700;font-size:clamp(1.35rem,1.2rem + .8vw,1.6rem);line-height:1.25;color:var(--se-text);margin:0}
.se-legal .heading-3{font-family:var(--se-font-display);font-weight:600;font-size:1.2rem;line-height:1.4;color:var(--se-text);margin:0}
.se-legal__article{scroll-margin-top:24px;margin:36px 0 12px}
.se-legal__article:first-child{margin-top:0}
.se-legal__body h3{font-family:var(--se-font-display);font-weight:600;font-size:1.2rem;line-height:1.4;color:var(--se-text);margin:24px 0 8px}
.se-legal__body p{margin:0 0 14px}
.se-legal__body strong{color:var(--se-text);font-weight:700}
.se-legal__body a{color:var(--se-primary);text-decoration:underline}
.se-legal__body ul,.se-legal__body ol,.se-legal__list{margin:0 0 14px;padding-left:1.35rem}
.se-legal__body ul,.se-legal__list{list-style:disc}
.se-legal__body ol{list-style:decimal}
.se-legal__body li,.se-legal__list li{margin:0 0 8px;line-height:1.6}
.se-legal__body ul ul,.se-legal__list .se-legal__list{margin-top:8px}
.se-legal__versions{margin-top:36px;scroll-margin-top:24px}

/* Definitions table (editor-created or the theme helper class) */
.se-legal__body table,.se-legal__table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 24px;font-size:1rem;background:var(--se-white);border:1px solid var(--se-border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(59,36,24,.04)}
.se-legal__body table td,.se-legal__body table th,.se-legal__table td{border:0;border-bottom:1px solid var(--se-border);padding:18px 22px;vertical-align:top;line-height:1.6;text-align:left}
.se-legal__body table tr:last-child td,.se-legal__table tr:last-child td{border-bottom:0}
.se-legal__body table td:first-child,.se-legal__table td:first-child{width:24%;min-width:150px;font-weight:700;color:var(--se-text)}
.se-legal__body table td:first-child strong,.se-legal__table td:first-child strong{font-weight:700}
.se-legal__body .wp-block-table{margin:8px 0 24px}
.se-legal__body .wp-block-table table{margin:0}
@media(max-width:560px){
  .se-legal__body table td,.se-legal__table td{padding:14px 16px}
  .se-legal__body table td:first-child,.se-legal__table td:first-child{width:34%;min-width:110px}
}

/* Floating "back to contents" button */
.se-legal__toc-fab{position:fixed;left:20px;bottom:24px;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--se-radius-full);background:var(--se-primary);color:var(--se-on-dark);font-size:.875rem;font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(59,36,24,.18);transition:background .2s}
.se-legal__toc-fab:hover{background:var(--se-primary-hover)}
.se-legal__toc-fab svg{flex:0 0 auto}
@media(max-width:560px){.se-legal__toc-fab span{display:none}.se-legal__toc-fab{padding:14px}}

/* Print: hide chrome so "View PDF" (window.print) yields a clean document */
@media print{
  .se-header,#main-footer,.se-legal__crumbs,.se-legal__actions,.se-legal__toc-fab{display:none !important}
  .se-legal__doc{max-width:none}
  .se-legal__article{border-top:0}
}

/* ── Generic priced-option picker (Processor, Memory, …) ──
   The two-column geometry, the rendered image size and the heading typography
   are an EXACT mirror of the "Select storage" section above, so storage /
   processor / memory share one layout and their columns line up down the page. */
.se-sp-optpick{padding:var(--se-section) 0}
.se-sp-optpick__inner{display:flex;flex-direction:column;gap:24px;align-items:center}
@media(min-width:768px){.se-sp-optpick__inner{flex-direction:row;justify-content:center;gap:32px}}
@media(min-width:1024px){.se-sp-optpick__inner{gap:64px}}

/* ── Left column: mobile heading + image. Same box/basis as storage__media. ── */
.se-sp-optpick__media-wrap{width:100%;max-width:498px}
@media(min-width:768px){.se-sp-optpick__media-wrap{flex:0 1 498px}}
.se-sp-optpick__mobile-heading{display:block;margin:0 0 16px;border:0;padding:0}
.se-sp-optpick__mobile-heading legend{padding:0}
@media(min-width:768px){.se-sp-optpick__mobile-heading{display:none}}
/* Image renders at exactly the storage image's size (inline object-position
   from PHP still wins over the default below). */
.se-sp-optpick__media img{width:100%;height:218px;object-fit:cover;object-position:center top;border-radius:16px;display:block}
@media(min-width:768px){.se-sp-optpick__media img{height:498px;border-radius:32px}}

/* ── Right column: picker. Same basis + cap as storage__picker. ── */
.se-sp-optpick__picker{width:100%}
@media(min-width:768px){.se-sp-optpick__picker{flex:0 0 360px;max-width:456px}}
.se-sp-optpick__fieldset{border:0;padding:0;margin:0;min-width:0}
/* Desktop heading: shown from 768px up. The legend must NOT override
   .se-section-title's font-size, or it renders smaller than "Select storage". */
.se-sp-optpick__desktop-heading{display:none;margin:0 0 12px}
@media(min-width:768px){.se-sp-optpick__desktop-heading{display:block}}
.se-sp-optpick__desktop-heading legend{padding:0}

/* ── Info button ── */
.se-sp-optpick__info{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px;margin:0 0 24px;border:0;border-radius:8px;background:var(--se-surface,var(--se-surface-alt));color:var(--se-text);cursor:pointer;font:inherit;text-align:left;box-shadow:0 1px 3px rgba(59,36,24,.08),0 1px 2px rgba(59,36,24,.06);transition:background .2s,box-shadow .2s}
.se-sp-optpick__info:hover{background:var(--se-surface-hover,var(--se-surface-alt));box-shadow:0 4px 6px rgba(59,36,24,.1),0 2px 4px rgba(59,36,24,.06)}
.se-sp-optpick__info:focus-visible{outline:2px solid var(--se-primary);outline-offset:2px}
.se-sp-optpick__info-icon{flex:0 0 auto;width:32px;height:32px;color:var(--se-text)}
.se-sp-optpick__info-text{flex:1 1 auto;font-size:.9375rem;margin-bottom:0}
.se-sp-optpick__info-chevron{flex:0 0 auto;width:24px;height:24px;color:var(--se-text)}

/* ── Radio options (same card styling as the storage picker) ── */
.se-sp-optpick__options{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.se-sp-optpick__option{position:relative;display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--se-border);border-radius:10px;background:var(--se-white);cursor:pointer;transition:background .2s,border-color .2s}
.se-sp-optpick__option:hover{background:var(--se-surface)}
.se-sp-optpick__input{position:absolute;opacity:0;width:0;height:0;margin:0}
.se-sp-optpick__dot{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:2px solid var(--se-text);display:inline-flex;align-items:center;justify-content:center}
.se-sp-optpick__dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--se-primary);transform:scale(0);transition:transform .15s ease}
.se-sp-optpick__body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.se-sp-optpick__row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.se-sp-optpick__name{flex:1 1 auto;font-size:1rem;font-weight:600;color:var(--se-text);word-break:break-word}
.se-sp-optpick__price{flex:0 0 auto;font-size:.875rem;color:var(--se-text-sec);white-space:nowrap}
.se-sp-optpick__desc{font-size:.8125rem;color:var(--se-text-muted,var(--se-text-muted))}

/* ── Checked state (mirrors storage) ── */
.se-sp-optpick__option:has(.se-sp-optpick__input:checked){border-color:var(--se-primary);background:var(--se-surface)}
.se-sp-optpick__option:has(.se-sp-optpick__input:checked) .se-sp-optpick__dot{border-color:var(--se-primary)}
.se-sp-optpick__option:has(.se-sp-optpick__input:checked) .se-sp-optpick__dot::after{transform:scale(1)}
.se-sp-optpick__option:has(.se-sp-optpick__input:focus-visible){outline:2px solid var(--se-primary);outline-offset:2px}

/* ── Sold-out / note ── */
.se-sp-optpick__option.is-soldout{cursor:not-allowed;opacity:.55}
.se-sp-optpick__note{display:flex;align-items:flex-start;gap:10px;margin:8px 0 0;padding:12px 14px;border-radius:10px;background:var(--se-warning-bg,#F6E6C8);color:var(--se-text);font-size:.8125rem;font-weight:600}
.se-sp-optpick__note[hidden]{display:none}
.se-sp-optpick__note svg{flex:0 0 auto;color:#8A5A12}

/* ── Order-pay invoice: Swappa Electronics Theme Design ── */
body.woocommerce-order-pay {
  background-color: var(--cream, #F7F0E6) !important;
  color: var(--text, #241812) !important;
}

/* 1. Force the theme's page wrapper and WooCommerce div to go full-width */
body.woocommerce-order-pay #main-content,
body.woocommerce-order-pay .se-page--wc,
body.woocommerce-order-pay .se-page--wc > .woocommerce {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* 2. MPX wrapper */
.woocommerce-order-pay .mpx {
  font-size: 16px !important;
  max-width: 960px !important;
  margin: 20px auto !important;
  padding: 0 15px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 3. Invoice Card: Cream White background, Sand border, subtle shadow */
.woocommerce-order-pay .mpx-card {
  background-color: var(--cream-light, #FBF7F1) !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 12px !important;
  padding: 40px 44px 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  box-shadow: 0 4px 20px rgba(59, 36, 24, 0.05) !important;
}

/* 4. Header: two-column layout — logo+title LEFT, status+pay RIGHT */
.woocommerce-order-pay .mpx-head {
  flex-wrap: nowrap !important;
  gap: 32px !important;
  padding-bottom: 32px !important;
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
  align-items: center !important;
}
.woocommerce-order-pay .mpx-head__left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.woocommerce-order-pay .mpx-head__right {
  flex: 0 0 auto !important;
  min-width: 220px !important;
  max-width: 340px !important;
  padding-top: 0 !important;
  text-align: center !important;
}
/* Logo */
.woocommerce-order-pay .mpx-logo {
  height: 54px !important;
  max-width: 220px !important;
  margin-bottom: 10px !important;
}
/* Invoice number */
.woocommerce-order-pay .mpx-invno {
  font-size: 1.5em !important;
  color: var(--brown-dark, #3B2418) !important;
  font-weight: 800 !important;
}
/* UNPAID / PAID badge */
.woocommerce-order-pay .mpx-badge {
  font-size: 1.15em !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
  padding: 4px 14px !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
.woocommerce-order-pay .mpx-badge--unpaid {
  background: #FDF2F2 !important;
  color: #C53030 !important;
  border: 1px solid #FEB2B2 !important;
}
.woocommerce-order-pay .mpx-badge--paid {
  background: #F0FDF4 !important;
  color: #166534 !important;
  border: 1px solid #BBF7D0 !important;
}
/* Money received but not yet reconciled: mid-verification, or on-hold because
   Paystack flagged a short payment / currency mismatch. */
.woocommerce-order-pay .mpx-badge--pending {
  background: #FFFBEB !important;
  color: #92400E !important;
  border: 1px solid #FDE68A !important;
}
/* A charge Paystack actually declined. Distinct from UNPAID (never attempted)
   so the customer can see their attempt registered. */
.woocommerce-order-pay .mpx-badge--failed {
  background: #FDF2F2 !important;
  color: #9B1C1C !important;
  border: 1px solid #F98080 !important;
}
/* Due date */
.woocommerce-order-pay .mpx-due {
  margin: 6px 0 14px !important;
  font-size: 0.875em !important;
  color: var(--text-muted, #6F6257) !important;
}
/* Pay Now button: Walnut brown */
.woocommerce-order-pay .mpx-paynow__btn {
  min-width: 140px !important;
  min-height: 48px !important;
  font-size: 0.95em !important;
  margin-bottom: 12px !important;
  background: var(--brown, #6B4226) !important;
  color: #FFFCF8 !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  transition: background 0.2s ease !important;
  cursor: pointer !important;
}
.woocommerce-order-pay .mpx-paynow__btn:hover {
  background: var(--brown-dark, #3B2418) !important;
}
.woocommerce-order-pay .mpx-paynow__btn:disabled {
  opacity: 0.65 !important;
  cursor: default !important;
}
/* Status line under Pay Now: covers the gap between the Paystack popup closing
   and the server-side verification redirecting to the order-received screen. */
.woocommerce-order-pay .mpx-paynow__status {
  max-width: 260px !important;
  margin: 0 0 12px auto !important;
  font-size: 0.85em !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: var(--text-muted, #6F6257) !important;
}
.woocommerce-order-pay .mpx-paynow__status.is-ok {
  color: #166534 !important;
}
.woocommerce-order-pay .mpx-paynow__status.is-err {
  color: #C53030 !important;
}
.woocommerce-order-pay .mpx-paynow__status.is-pending {
  color: #92400E !important;
}
.woocommerce-order-pay .mpx-paynow__status[hidden] {
  display: none !important;
}
/* Paystack badge */
.woocommerce-order-pay .mpx-paynow__badge {
  width: 180px !important;
  border-color: var(--border, #DCC5AC) !important;
}

/* ── Parties row (Invoiced To / Pay To) ── */
.woocommerce-order-pay .mpx-parties {
  flex-wrap: nowrap !important;
  gap: 32px !important;
  margin-top: 32px !important;
}
.woocommerce-order-pay .mpx-party {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.woocommerce-order-pay .mpx-party h4 {
  color: var(--brown-dark, #3B2418) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  margin: 0 0 8px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.woocommerce-order-pay .mpx-party--right {
  text-align: right !important;
}
.woocommerce-order-pay .mpx-addr,
.woocommerce-order-pay address.mpx-addr {
  font-style: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.65 !important;
  color: var(--text-muted, #6F6257) !important;
}

/* ── Meta row (Invoice Date / Payment Method) ── */
.woocommerce-order-pay .mpx-meta {
  flex-wrap: nowrap !important;
  gap: 32px !important;
  margin: 32px 0 36px !important;
}
.woocommerce-order-pay .mpx-meta > div {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.woocommerce-order-pay .mpx-meta h4 {
  color: var(--brown-dark, #3B2418) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  margin: 0 0 6px !important;
}
.woocommerce-order-pay .mpx-meta p {
  color: var(--text, #241812) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}
.woocommerce-order-pay .mpx-meta--right {
  text-align: right !important;
}

/* Custom Payment Method Dropdown Component */
.woocommerce-order-pay .mpx-gwform {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 4px !important;
}
.woocommerce-order-pay .mpx-custom-select {
  position: relative !important;
  display: inline-block !important;
}
.woocommerce-order-pay .mpx-custom-select__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  height: 38px !important;
  min-width: 180px !important;
  padding: 6px 14px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 8px !important;
  background-color: #FFFCF8 !important;
  color: var(--text, #241812) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 2px rgba(59,36,24,0.04) !important;
}
.woocommerce-order-pay .mpx-custom-select__toggle:focus,
.woocommerce-order-pay .mpx-custom-select__toggle[aria-expanded="true"] {
  border-color: var(--brown, #6B4226) !important;
  box-shadow: 0 0 0 3px rgba(107, 66, 38, 0.2) !important;
  outline: none !important;
}
.woocommerce-order-pay .mpx-custom-select__toggle svg {
  flex-shrink: 0 !important;
  stroke: var(--brown, #6B4226) !important;
  transition: transform 0.2s ease !important;
}
.woocommerce-order-pay .mpx-custom-select__toggle[aria-expanded="true"] svg {
  transform: rotate(180deg) !important;
}

/* Dropdown Menu Popup Box */
.woocommerce-order-pay .mpx-custom-select__menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  min-width: 200px !important;
  background: #FFFCF8 !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(59, 36, 24, 0.12) !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  list-style: none !important;
  z-index: 9999 !important;
  overflow: hidden !important;
}
.woocommerce-order-pay .mpx-custom-select__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 16px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--text, #241812) !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
/* Brown Highlight on Hover / Selection! */
.woocommerce-order-pay .mpx-custom-select__item:hover,
.woocommerce-order-pay .mpx-custom-select__item.is-selected {
  background: var(--brown, #6B4226) !important;
  color: #FFFCF8 !important;
}
.woocommerce-order-pay .mpx-custom-select__icon {
  width: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.woocommerce-order-pay .mpx-custom-select__icon svg {
  stroke: currentColor !important;
}
/* Global override: Hide all paystack receipt boxes, badge boxes, and empty containers */
.mpx-paynow__badge,
img.mpx-paynow__badge,
#wc-paystack-form,
#paystack_form,
.mpx-gateway-receipt {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 0 !important;
}

/* ── Fallback WooCommerce Order-Pay Table, Payment Form & Login Card ── */
body.woocommerce-order-pay form.woocommerce-form-login {
  max-width: 480px !important;
  margin: 32px auto !important;
  padding: 36px 40px !important;
  background: var(--cream-light, #FBF7F1) !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(59,36,24,0.05) !important;
}
body.woocommerce-order-pay form.woocommerce-form-login input.input-text {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 8px !important;
  background: #FFFCF8 !important;
}
body.woocommerce-order-pay form.woocommerce-form-login button.button {
  background: var(--brown, #6B4226) !important;
  color: #FFFCF8 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  width: 100% !important;
  margin-top: 12px !important;
}

body.woocommerce-order-pay table.shop_table {
  width: 100% !important;
  max-width: 960px !important;
  margin: 24px auto !important;
  background: var(--cream-light, #FBF7F1) !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
}
body.woocommerce-order-pay table.shop_table td,
body.woocommerce-order-pay table.shop_table th {
  padding: 12px 18px !important;
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
}

body.woocommerce-order-pay #payment {
  width: 100% !important;
  max-width: 960px !important;
  margin: 24px auto !important;
  background: var(--cream-light, #FBF7F1) !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
body.woocommerce-order-pay #payment ul.payment_methods {
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
}
body.woocommerce-order-pay #payment div.payment_box {
  background: var(--beige, #EDE0D0) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  color: var(--text, #241812) !important;
}
body.woocommerce-order-pay #payment #place_order {
  background: var(--brown, #6B4226) !important;
  color: #FFFCF8 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}





/* ── Redesigned Invoice Items & Ledger Tables ── */
.woocommerce-order-pay .mpx-items-card,
.woocommerce-order-pay .mpx-ledger {
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #FFFCF8 !important;
  margin-bottom: 24px !important;
  box-shadow: 0 2px 8px rgba(59,36,24,0.03) !important;
}
.woocommerce-order-pay .mpx-items-title {
  background: var(--beige, #EDE0D0) !important;
  color: var(--brown-dark, #3B2418) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
}
.woocommerce-order-pay .mpx-ledger__head {
  background: var(--brown, #6B4226) !important;
  color: #FFFCF8 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 12px 20px !important;
}

.woocommerce-order-pay table.mpx-items {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
}
.woocommerce-order-pay table.mpx-items thead th {
  background: var(--cream-light, #FBF7F1) !important;
  color: var(--brown-dark, #3B2418) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
}
.woocommerce-order-pay table.mpx-items tbody td {
  padding: 12px 20px !important;
  color: var(--text, #241812) !important;
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
  font-size: 0.9rem !important;
}
.woocommerce-order-pay table.mpx-items tfoot td {
  background: var(--cream-light, #FBF7F1) !important;
  padding: 10px 20px !important;
  color: var(--text, #241812) !important;
  font-size: 0.9rem !important;
  border-bottom: 1px solid var(--border, #DCC5AC) !important;
}
.woocommerce-order-pay table.mpx-items tfoot tr:last-child td {
  border-bottom: none !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: var(--brown-dark, #3B2418) !important;
}

/* ── Separated Action Buttons (Print & Download) ── */
.woocommerce-order-pay .mpx-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 16px !important; /* Proper button separation */
  margin: 24px 0 0 !important;
}
.woocommerce-order-pay .mpx-btn-ghost {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 8px 18px !important;
  border: 1px solid var(--border, #DCC5AC) !important;
  border-radius: 8px !important;
  background: #FFFCF8 !important;
  color: var(--brown, #6B4226) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-left: 0 !important; /* Remove legacy negative margin */
  box-shadow: 0 1px 3px rgba(59,36,24,0.06) !important;
}
.woocommerce-order-pay .mpx-btn-ghost:hover {
  background: var(--beige, #EDE0D0) !important;
  color: var(--brown-dark, #3B2418) !important;
  border-color: var(--caramel, #B98252) !important;
}
.woocommerce-order-pay .mpx-btn-ghost svg {
  stroke: currentColor !important;
  flex-shrink: 0 !important;
}

/* ── Back to Client Area link ── */
.woocommerce-order-pay .mpx-back {
  text-align: center !important;
  margin-top: 24px !important;
}
.woocommerce-order-pay .mpx-back a {
  color: var(--brown, #6B4226) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 0.875rem !important;
}
.woocommerce-order-pay .mpx-back a:hover {
  color: var(--caramel, #B98252) !important;
  text-decoration: underline !important;
}

/* Responsive: allow wrapping below 640px */
@media (max-width: 640px) {
  .woocommerce-order-pay .mpx-head {
    flex-wrap: wrap !important;
  }
  .woocommerce-order-pay .mpx-head__right {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .woocommerce-order-pay .mpx-card {
    padding: 24px 20px 36px !important;
  }
  .woocommerce-order-pay .mpx-actions {
    justify-content: center !important;
  }
  .woocommerce-order-pay .mpx-parties,
  .woocommerce-order-pay .mpx-meta {
    flex-wrap: wrap !important;
  }
  .woocommerce-order-pay .mpx-party--right,
  .woocommerce-order-pay .mpx-meta--right {
    text-align: left !important;
  }
}





/* ── Add to cart: in-flight state ──────────────────────────────────────────
   Applied synchronously on click (assets/js/main.js). An add costs a cart write
   plus a navigation to the "Added to cart" screen, and with no visible state the
   button read as broken, so customers pressed it repeatedly. Purely additive:
   the buttons' resting appearance is untouched. */
.se-is-adding {
  position: relative;
  pointer-events: none;
  cursor: progress;
  color: transparent !important;
}
.se-is-adding > * {
  visibility: hidden;
}
.se-is-adding::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  color: var(--se-on-dark, #FFFCF8);
  animation: se-adding-spin .6s linear infinite;
}
/* Outlined/ghost cart buttons sit on a light surface, so the ring needs the
   foreground colour instead of the on-dark one. */
.se-fav-card__cart.se-is-adding::after {
  color: var(--se-primary, #3B2418);
}
@keyframes se-adding-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .se-is-adding::after { animation-duration: 1.6s; }
}