/* ICON Signings customer-facing preorder form.
 * Visual direction intentionally mirrors the existing Extra Product Options form
 * shown on the live Test Preorder Product: one dark rounded panel, Step XX headings,
 * gold underline, full-width dark dropdowns with gold borders, compact image rows,
 * and flat totals immediately above WooCommerce quantity/Add to Cart.
 */
.icon-po-wrap{
    --icon-po-gold:var(--icon-po-accent,#e0a252);
    --icon-po-panel:#171717;
    --icon-po-control:#171717;
    --icon-po-text:#f4f4f4;
    --icon-po-muted:#a5a5a5;
    --icon-po-border:rgba(224,162,82,.96);
    margin:18px 0 0;
    color:var(--icon-po-text);
    font-family:inherit;
}
.icon-po-wrap *{box-sizing:border-box}
.icon-po-form{width:100%;color:var(--icon-po-text)}
.icon-po-form-shell{
    width:100%;
    background:var(--icon-po-panel);
    border:1px solid rgba(255,255,255,.045);
    border-radius:20px;
    padding:24px 23px 25px;
    box-shadow:0 8px 28px rgba(0,0,0,.14);
    overflow:hidden;
}
.icon-po-step-group{display:block;margin:0;padding:0 0 34px}
.icon-po-step-group:last-child{padding-bottom:4px}
.icon-po-step-group[hidden],.icon-po-field[hidden]{display:none!important}
.icon-po-step-title{
    margin:0;
    color:#fff;
    font-size:31px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.02em;
}
.icon-po-step-underline{
    width:112px;
    height:2px;
    margin:11px 0 31px;
    background:var(--icon-po-gold);
    border-radius:2px;
}
.icon-po-group-fields{display:block}
.icon-po-field{margin:0 0 25px}
.icon-po-field:last-child{margin-bottom:0}
.icon-po-field-label,.icon-po-inline-label{
    display:block;
    margin:0 0 13px!important;
    padding:0!important;
    color:#f5f5f5!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.icon-po-inline-label{margin-top:23px!important}
.icon-po-required{color:var(--icon-po-gold);margin-left:3px}
.icon-po-field-description{
    margin:-5px 0 13px;
    color:#bdbdbd;
    font-size:10px;
    line-height:1.5;
    max-width:95%;
}
.icon-po-select,.icon-po-text-input,.icon-po-textarea{
    display:block;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    color:#f7f7f7!important;
    background:var(--icon-po-control)!important;
    border:2px solid var(--icon-po-border)!important;
    border-radius:12px!important;
    box-shadow:none!important;
    outline:none!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.4!important;
    transition:border-color .15s ease,box-shadow .15s ease!important;
}
.icon-po-select{
    min-height:76px!important;
    height:76px!important;
    padding:0 30px!important;
    appearance:auto!important;
    -webkit-appearance:auto!important;
}
.icon-po-text-input{
    min-height:76px!important;
    height:76px!important;
    padding:16px 26px!important;
}
.icon-po-tall-input{min-height:76px!important;height:76px!important}
.icon-po-textarea{
    min-height:150px!important;
    padding:20px 26px!important;
    resize:vertical!important;
}
.icon-po-quote-text{min-height:166px!important}
.icon-po-select:focus,.icon-po-text-input:focus,.icon-po-textarea:focus{
    border-color:#f2b45f!important;
    box-shadow:0 0 0 1px rgba(242,180,95,.16)!important;
}
.icon-po-select option{background:#171717;color:#fff}
.icon-po-reveal{display:none;margin-top:0}
.icon-po-reveal.is-open{display:block}
.icon-po-limit{
    display:block;
    margin:6px 0 0;
    color:#7e7e7e;
    font-size:8px;
    line-height:1.35;
}

/* Current-site image selector: compact horizontal thumbnails with a gold selected outline. */
.icon-po-image-grid{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:1px 0 2px;
}
.icon-po-image-card{position:relative;display:block;margin:0!important;cursor:pointer}
.icon-po-image-card>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.icon-po-image-frame{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:58px;
    padding:2px;
    overflow:hidden;
    background:#0c0c0c;
    border:2px solid transparent;
    border-radius:2px;
    transition:border-color .12s ease,transform .12s ease;
}
.icon-po-image-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.icon-po-image-card:hover .icon-po-image-frame{border-color:rgba(224,162,82,.55)}
.icon-po-image-card input:checked+.icon-po-image-frame{
    border-color:var(--icon-po-gold);
    box-shadow:0 0 0 1px rgba(224,162,82,.32);
}
.icon-po-image-price{
    position:absolute;
    right:2px;
    bottom:2px;
    padding:1px 3px;
    color:#111;
    background:rgba(246,191,111,.94);
    border-radius:2px;
    font-size:6px;
    font-weight:800;
    line-height:1.2;
}

.icon-po-agreement{
    display:flex!important;
    align-items:flex-start;
    gap:10px;
    margin:0!important;
    padding:2px 0!important;
    color:#d8d8d8!important;
    font-size:10px!important;
    line-height:1.55!important;
    font-weight:400!important;
}
.icon-po-agreement input{margin:2px 0 0!important;accent-color:var(--icon-po-gold)}

/* Existing form shows only Options Amount and Final Total beneath the rounded field panel. */
.icon-po-total-panel{
    margin:18px 0 18px;
    padding:0;
    color:#fff;
}
.icon-po-total-row{margin:0 0 12px}
.icon-po-total-row span{
    display:block;
    margin-bottom:2px;
    color:#f0f0f0;
    font-size:12px;
    line-height:1.2;
    font-weight:500;
}
.icon-po-total-row strong{
    display:block;
    color:var(--icon-po-gold)!important;
    font-size:18px!important;
    line-height:1.2;
    font-weight:800!important;
}
.icon-po-final-row{margin-bottom:0}

.icon-po-closed-message{
    padding:18px 20px;
    background:#171717;
    border:1px solid var(--icon-po-border);
    border-radius:14px;
    color:#fff;
    font-size:13px;
}
.icon-po-loop-badge{
    position:absolute;
    z-index:4;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:10px;
    padding:6px 9px;
    background:var(--icon-po-gold);
    color:#111;
    border-radius:999px;
    font-size:9px;
    font-weight:900;
    letter-spacing:.09em;
}

/* Optional [icon_preorder_info] block, styled to match the left-side Signing Details / Deadlines area. */
.icon-po-signing-info{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);gap:30px;align-items:center;color:#fff;font-family:inherit}
.icon-po-signing-copy h3{margin:0 0 18px;color:#fff;font-size:30px;line-height:1.2;font-weight:500}
.icon-po-signing-copy p{margin:0;color:#8f8f8f;font-size:16px;line-height:1.55}
.icon-po-signing-copy .icon-po-signing-notice{margin-top:14px;color:#bdbdbd;font-size:12px}
.icon-po-deadline-card{padding:27px 23px;border:1px solid var(--icon-po-gold);border-radius:22px;background:#171717;box-shadow:0 0 28px rgba(224,162,82,.12)}
.icon-po-deadline-card h4{margin:0 0 18px;color:var(--icon-po-gold);font-size:20px;letter-spacing:.16em;font-weight:800}
.icon-po-deadline-card span,.icon-po-deadline-card strong{display:block}
.icon-po-deadline-card span{margin:0 0 6px;color:#9d9d9d;font-size:13px;font-weight:700}
.icon-po-deadline-card strong{margin:0 0 18px;color:#fff;font-size:16px;font-weight:700}
.icon-po-deadline-card strong:last-child{margin-bottom:0}

@media(max-width:900px){
    .icon-po-form-shell{padding:22px 20px 24px;border-radius:18px}
    .icon-po-step-title{font-size:28px}
    .icon-po-signing-info{grid-template-columns:1fr}
}
@media(max-width:700px){
    .icon-po-wrap{margin-top:14px}
    .icon-po-form-shell{padding:20px 16px 22px;border-radius:16px}
    .icon-po-step-group{padding-bottom:31px}
    .icon-po-step-title{font-size:26px}
    .icon-po-step-underline{width:98px;margin:10px 0 25px}
    .icon-po-field{margin-bottom:22px}
    .icon-po-select{min-height:64px!important;height:64px!important;padding:0 18px!important}
    .icon-po-text-input{min-height:68px!important;height:68px!important;padding:14px 18px!important}
    .icon-po-textarea{padding:17px 18px!important}
    .icon-po-image-grid{gap:8px}
    .icon-po-image-frame{width:50px;height:54px}
}
@media(max-width:420px){
    .icon-po-form-shell{padding-left:14px;padding-right:14px}
    .icon-po-step-title{font-size:24px}
    .icon-po-field-label,.icon-po-inline-label{font-size:13px!important}
    .icon-po-image-frame{width:47px;height:51px}
}

/* v2.1.1: Keep text-entry controls visibly outlined even when the active
 * WooCommerce/theme stylesheet applies its own input border rules. */
.single-product div.product form.cart .icon-po-wrap input[type="text"].icon-po-text-input,
.single-product div.product form.cart .icon-po-wrap textarea.icon-po-textarea,
.icon-po-wrap .icon-po-form-shell input[type="text"].icon-po-text-input,
.icon-po-wrap .icon-po-form-shell textarea.icon-po-textarea{
    border:1px solid var(--icon-po-border)!important;
    background-color:var(--icon-po-control)!important;
    color:#f7f7f7!important;
    -webkit-text-fill-color:#f7f7f7!important;
    caret-color:var(--icon-po-gold)!important;
    box-shadow:inset 0 0 0 1px rgba(224,162,82,.20)!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}
.single-product div.product form.cart .icon-po-wrap input[type="text"].icon-po-text-input:focus,
.single-product div.product form.cart .icon-po-wrap textarea.icon-po-textarea:focus,
.icon-po-wrap .icon-po-form-shell input[type="text"].icon-po-text-input:focus,
.icon-po-wrap .icon-po-form-shell textarea.icon-po-textarea:focus{
    border-color:#f2b45f!important;
    box-shadow:inset 0 0 0 1px rgba(242,180,95,.24),0 0 0 1px rgba(242,180,95,.12)!important;
}
.icon-po-wrap .icon-po-text-input::placeholder,
.icon-po-wrap .icon-po-textarea::placeholder{
    color:#7f7f7f!important;
    -webkit-text-fill-color:#7f7f7f!important;
    opacity:1!important;
}


/* ==========================================================
   v2.1.9 — Dedicated signing/pre-order product experience
   ========================================================== */
/* Legacy Extra Product Options output is intentionally hidden only on products
 * that use the custom ICON pre-order system. The old comparison product remains
 * untouched when the custom system is not enabled there. */
.icon-po-dedicated-preorder .tc-extra-product-options,
.icon-po-dedicated-preorder .tm-extra-product-options,
.icon-po-dedicated-preorder .tm-extra-product-options-fields,
.icon-po-dedicated-preorder .tm-extra-product-options-totals,
.icon-po-dedicated-preorder .tc-totals-form,
.icon-po-dedicated-preorder .tm-totals-form-main{display:none!important}

/* Strip retail-only single-product furniture from signing pages. */
.icon-po-dedicated-preorder .related.products,
.icon-po-dedicated-preorder .upsells.products,
.icon-po-dedicated-preorder .woocommerce-tabs,
.icon-po-dedicated-preorder .wc-tabs-wrapper,
.icon-po-dedicated-preorder .yith-wcwl-add-to-wishlist,
.icon-po-dedicated-preorder .yith-wcwl-wishlistaddedbrowse,
.icon-po-dedicated-preorder .yith-wcwl-wishlistexistsbrowse,
.icon-po-dedicated-preorder .tinv-wraper,
.icon-po-dedicated-preorder .woosw-btn,
.icon-po-dedicated-preorder .wishlist,
.icon-po-dedicated-preorder .product-share,
.icon-po-dedicated-preorder .share,
.icon-po-dedicated-preorder .social-share,
.icon-po-dedicated-preorder .social-sharing,
.icon-po-dedicated-preorder .product_meta .posted_in + *,
.icon-po-dedicated-preorder .single-product-extras{display:none!important}

/* Give the signing workflow substantially more horizontal room without changing
 * normal in-stock product pages. Includes common Kadence/Elementor container names. */
.icon-po-dedicated-preorder .site-content .content-container,
.icon-po-dedicated-preorder .site-content .container,
.icon-po-dedicated-preorder .content-area,
.icon-po-dedicated-preorder main.site-main,
.icon-po-dedicated-preorder .elementor-location-single .e-con-inner{
    width:min(96%,1500px)!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.icon-po-dedicated-preorder div.product{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important}
.icon-po-dedicated-preorder div.product .summary.entry-summary .icon-po-wrap{width:100%!important;max-width:none!important}
.icon-po-dedicated-preorder .icon-po-form-shell{padding-left:28px;padding-right:28px}

/* Signing media must be easy to identify/select. Prices continue to calculate in
 * data attributes/order metadata but are intentionally not printed over images. */
.icon-po-dedicated-preorder .icon-po-image-grid{gap:14px}
.icon-po-dedicated-preorder .icon-po-image-frame{width:96px;height:108px;padding:4px;border-radius:5px}
.icon-po-dedicated-preorder .icon-po-image-frame img{object-fit:contain}
.icon-po-image-price{display:none!important}

@media(max-width:1024px){
    .icon-po-dedicated-preorder .icon-po-image-frame{width:88px;height:98px}
}
@media(max-width:700px){
    .icon-po-dedicated-preorder .site-content .content-container,
    .icon-po-dedicated-preorder .site-content .container,
    .icon-po-dedicated-preorder .content-area,
    .icon-po-dedicated-preorder main.site-main,
    .icon-po-dedicated-preorder .elementor-location-single .e-con-inner{width:100%!important;max-width:100%!important}
    .icon-po-dedicated-preorder .icon-po-form-shell{padding-left:16px;padding-right:16px}
    .icon-po-dedicated-preorder .icon-po-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
    .icon-po-dedicated-preorder .icon-po-image-card{width:100%}
    .icon-po-dedicated-preorder .icon-po-image-frame{width:100%;height:auto;aspect-ratio:4/5}
}
@media(max-width:430px){
    .icon-po-dedicated-preorder .icon-po-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ==========================================================
   v2.2.7 — Automatic deadlines + Closing Soon card polish
   ========================================================== */
.icon-po-deadlines-auto{display:grid;gap:16px;color:#fff}
.icon-po-deadline-row{display:grid;gap:5px}
.icon-po-deadline-row span{color:#9d9d9d;font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.icon-po-deadline-row strong{color:#fff;font-size:17px;font-weight:700}
.icon-po-deadlines-empty{color:#9d9d9d;font-size:14px}

/* This shortcode is often placed inside a narrow Elementor card. Keep each
 * signing as one compact row instead of allowing the media to stretch with
 * the content height. */
.icon-po-closing-soon-list{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
.icon-po-closing-soon-row{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:13px!important;
    min-width:0!important;
    padding:10px 0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
}
.icon-po-closing-soon-row:first-child{padding-top:2px!important}
.icon-po-closing-soon-row:last-child{border-bottom:0!important;padding-bottom:2px!important}
.icon-po-closing-soon-media{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:72px!important;
    height:82px!important;
    min-width:72px!important;
    min-height:82px!important;
    overflow:hidden!important;
    border:1px solid rgba(225,164,74,.72)!important;
    border-radius:8px!important;
    background:#0b0b0b!important;
    text-decoration:none!important;
}
.icon-po-closing-soon-media img,.icon-po-closing-soon-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:82px!important;
    margin:0!important;
    padding:3px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#0b0b0b!important;
}
.icon-po-closing-soon-placeholder{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    padding:7px!important;
    color:#e1a44a!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-align:center!important;
}
.icon-po-closing-soon-info{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
}
.icon-po-closing-soon-title{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 5px!important;
    padding:0!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
.icon-po-closing-soon-title:hover{color:#e1a44a!important;text-decoration:none!important}
.icon-po-closing-soon-date{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:3px 5px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.35!important;
}
.icon-po-closing-soon-date span{color:#d0d0d0!important;font-weight:500!important}
.icon-po-closing-soon-date strong{color:#e6b466!important;font-weight:800!important}
.icon-po-closing-soon-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:62px!important;
    margin:0!important;
    padding:9px 12px!important;
    border:1px solid #e1a44a!important;
    border-radius:7px!important;
    background:#e1a44a!important;
    color:#090909!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:.18s ease!important;
}
.icon-po-closing-soon-button:hover{
    background:#f0b85f!important;
    border-color:#f0b85f!important;
    color:#090909!important;
    transform:translateY(-1px)!important;
}
@media(max-width:640px){
    .icon-po-closing-soon-row{
        grid-template-columns:58px minmax(0,1fr) auto!important;
        column-gap:9px!important;
        padding:9px 0!important;
    }
    .icon-po-closing-soon-media{
        width:58px!important;
        min-width:58px!important;
        height:68px!important;
        min-height:68px!important;
    }
    .icon-po-closing-soon-media img,.icon-po-closing-soon-image{max-height:68px!important;padding:2px!important}
    .icon-po-closing-soon-title{font-size:13px!important;margin-bottom:4px!important}
    .icon-po-closing-soon-date{font-size:10.5px!important;gap:2px 4px!important}
    .icon-po-closing-soon-button{min-width:50px!important;padding:8px!important;font-size:10px!important}
}
@media(max-width:420px){
    .icon-po-closing-soon-row{
        grid-template-columns:54px minmax(0,1fr)!important;
        row-gap:6px!important;
    }
    .icon-po-closing-soon-media{
        width:54px!important;
        min-width:54px!important;
        height:64px!important;
        min-height:64px!important;
        grid-row:1 / span 2!important;
    }
    .icon-po-closing-soon-media img,.icon-po-closing-soon-image{max-height:64px!important}
    .icon-po-closing-soon-button{grid-column:2!important;justify-self:start!important;padding:6px 10px!important}
}



/* v2.2.14: Keep the second compact Closing Soon date visually grouped with Orders Close. */
.icon-po-closing-soon-date + .icon-po-closing-soon-date{margin-top:1px!important}


/* ==========================================================
   v2.2.15 — Product Send-In Shipping Instructions
   ========================================================== */
.icon-po-shipping-instructions{
    width:100%;
    color:#fff;
    font-family:inherit;
}
.icon-po-shipping-instructions h3{
    margin:0 0 20px!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:1.2!important;
    font-weight:500!important;
}
.icon-po-shipping-steps{
    display:grid;
    gap:14px;
}
.icon-po-shipping-step{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
    align-items:start;
}
.icon-po-shipping-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border:1px solid #e0a252;
    border-radius:50%;
    background:#e0a252;
    color:#111;
    font-size:16px;
    line-height:1;
    font-weight:800;
    box-shadow:0 0 18px rgba(224,162,82,.16);
}
.icon-po-shipping-step-copy strong{
    display:block;
    margin:1px 0 4px;
    color:#fff;
    font-size:15px;
    line-height:1.35;
    font-weight:700;
}
.icon-po-shipping-step-copy p{
    margin:0!important;
    color:#9d9d9d!important;
    font-size:14px!important;
    line-height:1.55!important;
}
.icon-po-shipping-address{
    margin-top:20px;
    padding:15px 17px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:#1b1b1b;
}
.icon-po-shipping-address-label{
    display:block;
    margin:0 0 7px;
    color:#e0a252;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.icon-po-shipping-address address{
    margin:0;
    color:#d6d6d6;
    font-size:14px;
    line-height:1.55;
    font-style:normal;
}
.icon-po-shipping-address address strong{color:#fff}
.icon-po-shipping-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:14px;
    color:#e0a252!important;
    font-size:14px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none!important;
}
.icon-po-shipping-link:hover,
.icon-po-shipping-link:focus{
    color:#f2b45f!important;
    text-decoration:underline!important;
}
.icon-po-shipping-link span{font-size:18px;line-height:1}

@media(max-width:700px){
    .icon-po-shipping-instructions h3{font-size:25px!important;margin-bottom:18px!important}
    .icon-po-shipping-steps{gap:15px}
    .icon-po-shipping-step{grid-template-columns:36px minmax(0,1fr);gap:11px}
    .icon-po-shipping-number{width:34px;height:34px;font-size:14px}
    .icon-po-shipping-step-copy strong{font-size:14px}
    .icon-po-shipping-step-copy p{font-size:13px!important;line-height:1.5!important}
    .icon-po-shipping-address{padding:14px 15px;margin-top:18px}
    .icon-po-shipping-address address{font-size:13px}
}
\n\n/* ==========================================================\n   v2.2.17 — Final mobile responsiveness QA hardening\n   ========================================================== */\n@media(max-width:767px){\n    /* Do not rely on the active WooCommerce/Elementor theme to stack the\n       product media and preorder workflow correctly on phones. */\n    .icon-po-dedicated-preorder div.product div.images,\n    .icon-po-dedicated-preorder div.product .woocommerce-product-gallery,\n    .icon-po-dedicated-preorder div.product div.summary,\n    .icon-po-dedicated-preorder div.product .summary.entry-summary{\n        float:none!important;\n        clear:both!important;\n        width:100%!important;\n        max-width:100%!important;\n        margin-left:0!important;\n        margin-right:0!important;\n    }\n\n    .icon-po-dedicated-preorder div.product .woocommerce-product-gallery{\n        margin-bottom:24px!important;\n    }\n\n    /* Safari/iOS automatically zooms focused inputs below 16px. */\n    .icon-po-wrap .icon-po-select,\n    .icon-po-wrap .icon-po-text-input,\n    .icon-po-wrap .icon-po-textarea{\n        font-size:16px!important;\n    }\n\n    .icon-po-wrap,\n    .icon-po-form,\n    .icon-po-form-shell,\n    .icon-po-shipping-instructions,\n    .icon-po-deadlines-auto,\n    .icon-po-closing-soon-list{\n        max-width:100%!important;\n        min-width:0!important;\n    }\n\n    .icon-po-field-description,\n    .icon-po-shipping-step-copy p,\n    .icon-po-shipping-address address,\n    .icon-po-deadline-row strong,\n    .icon-po-closing-soon-title{\n        overflow-wrap:anywhere;\n        word-break:normal;\n    }\n\n    .icon-po-agreement{\n        gap:11px!important;\n        font-size:12px!important;\n        line-height:1.5!important;\n    }\n    .icon-po-agreement input[type=checkbox]{\n        flex:0 0 18px!important;\n        width:18px!important;\n        height:18px!important;\n        min-width:18px!important;\n        min-height:18px!important;\n        margin-top:1px!important;\n    }\n}\n\n@media(max-width:480px){\n    .icon-po-form-shell{\n        padding-left:12px!important;\n        padding-right:12px!important;\n    }\n    .icon-po-step-title{font-size:23px!important}\n    .icon-po-step-underline{width:86px!important;margin-bottom:22px!important}\n    .icon-po-field{margin-bottom:20px!important}\n    .icon-po-select{padding-left:14px!important;padding-right:14px!important}\n    .icon-po-text-input,.icon-po-textarea{padding-left:14px!important;padding-right:14px!important}\n    .icon-po-total-row strong{font-size:17px!important}\n    .icon-po-shipping-address{border-radius:10px}\n}\n

/* ==========================================================
   v2.2.21 — Dynamic Item from ICON Signings image preview
   ========================================================== */
.icon-po-item-image-preview[hidden]{display:none!important}
.icon-po-item-image-preview{
    margin-top:14px;
    padding:14px;
    background:#0d0d0d;
    border:1px solid rgba(224,162,82,.38);
    border-radius:10px;
}
.icon-po-item-image-preview-head{
    margin:0 0 10px;
    color:var(--icon-po-gold);
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.icon-po-item-image-preview-frame{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:180px;
    max-height:320px;
    overflow:hidden;
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
}
.icon-po-item-image-preview-frame img{
    display:block;
    width:100%;
    height:100%;
    max-height:318px;
    object-fit:contain;
    background:#111;
}
.icon-po-item-image-preview-label{
    margin-top:9px;
    color:#eee;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
}
@media(max-width:767px){
    .icon-po-item-image-preview{padding:11px}
    .icon-po-item-image-preview-frame{min-height:150px;max-height:260px}
    .icon-po-item-image-preview-frame img{max-height:258px}
}


/* ==========================================================
   v2.2.22 — Item Image field for every non Photo/Poster type
   ========================================================== */
.icon-po-item-image-preview-frame [hidden]{display:none!important}
.icon-po-item-image-preview-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:180px;
    padding:22px;
    color:rgba(255,255,255,.62);
    font-size:12px;
    font-weight:600;
    line-height:1.55;
    text-align:center;
}
@media(max-width:767px){
    .icon-po-item-image-preview-empty{min-height:150px;padding:18px}
}


/* v2.2.26 — keep every ICON item image selector visible as a real conditional field. */
.icon-po-image-grid-empty {
    display: block;
}
.icon-po-empty-gallery-message {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px;
    border: 1px dashed rgba(255,208,142,.45);
    border-radius: 12px;
    background: rgba(255,208,142,.035);
    color: rgba(255,255,255,.72);
    font-size: 14px;
    line-height: 1.5;
}

/* ==========================================================
   v2.2.32 — Compact customer image galleries (View More)
   Keep the first 8 choices visible by default (2 x 4 in the
   current desktop layout) and allow customers to expand the
   rest without changing any pricing, selection or conditions.
   ========================================================== */
.icon-po-image-grid.icon-po-collapsible-gallery:not(.is-expanded) > .icon-po-gallery-extra{
    display:none!important;
}
.icon-po-gallery-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    margin:12px 0 2px!important;
    padding:9px 16px!important;
    border:1px solid rgba(224,162,82,.78)!important;
    border-radius:8px!important;
    background:rgba(224,162,82,.08)!important;
    color:var(--icon-po-gold)!important;
    font:inherit!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.icon-po-gallery-toggle:hover,
.icon-po-gallery-toggle:focus-visible{
    background:var(--icon-po-gold)!important;
    border-color:var(--icon-po-gold)!important;
    color:#111!important;
    outline:none!important;
}
.icon-po-gallery-toggle:active{
    transform:translateY(1px)!important;
}
@media(max-width:700px){
    .icon-po-gallery-toggle{
        width:100%!important;
        min-height:44px!important;
        margin-top:12px!important;
        font-size:13px!important;
    }
}

/* ==========================================================
   v2.3.0 — Limited personalization inventory feedback
   ========================================================== */
.icon-po-addon-availability{
    display:block!important;
    margin-top:7px!important;
    color:rgba(255,255,255,.68)!important;
    font-size:11px!important;
    line-height:1.4!important;
}