/* Shared layout scale for the storefront, purchase flow, personalizer and CRM. */
body.feris-design{--space-section:20px;--space-card:16px;--space-gap:12px}
body.feris-design .container{width:min(calc(100% - 40px),1440px)}
body.feris-design .page-intro{padding-block:14px 12px}
body.feris-design .page-intro h1{font-size:clamp(26px,2.5vw,34px);margin:4px 0;line-height:1.2}
body.feris-design .page-intro p{margin:4px 0;line-height:1.5}
body.feris-design .section-heading{margin-bottom:12px;gap:12px}
body.feris-design .panel,body.feris-design .summary-card,body.feris-design .checkout-form{padding:var(--space-card);border-radius:14px}
body.feris-design .panel h2,body.feris-design .checkout-form h2{margin:0 0 12px;font-size:20px}
body.feris-design .form-stack,body.feris-design .form-grid{gap:12px}
body.feris-design .notice{padding:12px 14px;margin-block:12px;line-height:1.5}
body.feris-design .cart-layout,body.feris-design .checkout-layout,body.feris-design .catalog-layout{gap:18px;padding-bottom:24px}
body.feris-design .catalog-toolbar{margin-bottom:12px}
body.feris-design .products-grid,body.feris-design .product-rail{gap:14px}
body.feris-design .product-info{padding:14px}
body.feris-design .cart-item,body.feris-design .cart-design{padding:16px;gap:14px}
body.feris-design .cart-item-main>p{margin-block:8px}
body.feris-design .summary-product{padding-block:12px;gap:12px}
body.feris-design .summary-line{padding-block:10px;gap:12px}
/* Keep off-screen table labels inside the table's own scroll area. */
body.feris-design .table-scroll{position:relative;min-width:0}
body.feris-design .quick-control>label{position:relative}
body.feris-design .pdp-layout{column-gap:24px;row-gap:16px;padding-bottom:20px}
body.feris-design .pdp-summary-inner{padding:18px}
body.feris-design .pdp-breadcrumbs{padding-block:10px}
body.feris-design .account-heading{padding:16px}
body.feris-design .account-order,body.feris-design .account-block{padding:16px}
body.feris-design .account-metrics{margin-block:12px;gap:10px}
body.feris-design .account-metrics>div{padding:12px 14px}
body.feris-design .account-home-grid{gap:18px}
body.feris-design .feris-footer{margin-top:20px}
body.feris-design .footer-promise,body.feris-design .feris-footer-grid{padding-block:16px}
body.feris-design .feris-studio .shell{max-width:1440px;padding:10px 20px 18px}
body.feris-design .feris-studio .intro{padding-block:8px 12px}
body.feris-design .feris-studio .editor-layout{gap:16px}
body.feris-design .feris-studio .steps{margin-bottom:12px;gap:8px}
body.feris-design .feris-studio .form-section,body.feris-design .feris-studio .live-preview,body.feris-design .feris-studio .generated{padding:16px}
body.feris-design .feris-studio .section-heading{margin-bottom:12px}

/* Contact is entered once; returning customers can go straight from their cart to payment. */
.checkout-route{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;margin:12px 0 0}
.checkout-route li{display:flex;align-items:center;gap:6px;font-size:12px;color:#66786f;line-height:1.4}
.checkout-route li>span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#eaf0ec;font-size:11px}
.checkout-route [aria-current=step]{color:#164d3c;font-weight:700}
.checkout-route [aria-current=step]>span{background:#ffe077;color:#153d32}
.saved-checkout-contact{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:12px;background:#f2f7f2;border:1px solid #dce7dc;border-radius:10px;margin:10px 0 14px}
.saved-checkout-contact>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.saved-checkout-contact span{font-size:13px;color:#52695d}
.saved-checkout-contact>a{flex:none;font-size:12px;line-height:1.5}
.cart-layout .saved-checkout-contact{flex-wrap:wrap}
.checkout-acceptance{font-size:12px;color:#52665b;line-height:1.6;margin:14px 0 10px}
.checkout-acceptance a{font-weight:650}
.checkout-next-note{font-size:13px;color:#4f675a;margin:12px 0;line-height:1.5}

/* A single purchase navigation replaces the repeated cards and horizontal tracker. */
body.feris-design .order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
body.feris-design .order-heading h1{font-size:clamp(26px,2.4vw,32px)}
body.feris-design .order-heading>p{font-size:13px;color:#5c7165;max-width:65ch}
body.feris-design .compact-order-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;padding-bottom:24px}
.order-sidebar,.order-content{min-width:0}
.order-sidebar{position:sticky;top:90px}
.order-sidebar .purchase-navigation{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;padding:6px;overflow:visible}
.order-sidebar .purchase-navigation a{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px;min-height:54px;white-space:normal;line-height:1.35}
.purchase-navigation a>span:last-child{display:grid;gap:3px;min-width:0}
.purchase-navigation a strong{font-size:14px}
.purchase-navigation a small{font-size:11px;font-weight:400;line-height:1.3}
.purchase-navigation .purchase-step-number{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;font-size:12px;background:#fff;color:#5d7166;border:1px solid #d8e2da}
.purchase-navigation a.is-complete:not([aria-selected=true]) .purchase-step-number{background:#d9f0dd;color:#176331;border-color:#b7d8bc}
.purchase-navigation a[aria-selected=true] .purchase-step-number{background:#ffe17b;border-color:#ffe17b;color:#173e32}
.purchase-navigation a[aria-selected=true] small{color:#e0eee6}
body.feris-design .order-sidebar .order-top-progress{margin:12px 0 0;padding:12px;border-top:1px solid #dce5df;box-shadow:none;border-radius:12px}
.order-tracking>summary{cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:4px;font-size:13px;line-height:1.4;list-style:none}
.order-tracking>summary::after{content:'+';grid-column:2;grid-row:1/3;align-self:center;font-size:19px;color:#285b45}
.order-tracking[open]>summary::after{content:'−'}
.order-tracking>summary>span{grid-column:1;font-size:12px;color:#5c7164}
.order-tracking[open]>summary{margin-bottom:10px}
.order-tracking .progress-heading{display:none}
body.feris-design .order-content>[data-section-panel]{width:100%;max-width:none;margin:0}
body.feris-design .compact-order-workspace #envio>div>.panel{max-width:none;margin:0}
body.feris-design .compact-order-workspace #resumen{max-width:none;width:100%;margin:0;columns:auto}
.order-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.order-summary-grid>div{min-width:0;overflow-wrap:anywhere}
.order-content .saved-destination{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px 24px;padding-block:8px 12px}
.saved-destination .saved-recipient,.saved-destination .saved-location{display:grid;gap:6px;align-content:start;min-width:0;overflow-wrap:anywhere}
.order-summary-grid h3{margin:6px 0 12px}
.order-summary-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:14px;padding-top:12px;border-top:1px solid #e0e7e1}
body.feris-design .order-content .payment-panels{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}
body.feris-design .order-content .payment-status-panel{padding:14px 16px}
body.feris-design .order-content .payment-status-panel .payment-heading h2{margin:0}
.receipt-order-reference{font-size:12px;color:#586e61;padding:9px 12px;border-radius:8px;background:#f2f6f1;margin:0}
body.feris-design .order-content .included-delivery{margin:10px 0 0;font-size:12px}
body.feris-design .order-content .purchase-design-grid{margin-block:12px;gap:12px}
body.feris-design .order-content .purchased-design{padding:14px;gap:12px}
body.feris-design .order-content .purchased-design h3{font-size:18px}

/* The same four visual phases are used by customers and the CRM; detailed workshop states stay intact. */
body.feris-design .vertical-progress{margin:0;padding:0}
body.feris-design .vertical-progress .progress-heading{font-size:13px;margin:0 0 8px}
body.feris-design .vertical-progress .progress-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:0;list-style:none;margin:0;padding:0}
body.feris-design .vertical-progress .progress-steps>li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;min-height:34px;padding:4px 0;text-align:left;font-size:12px;color:#788a7f;line-height:1.4}
body.feris-design .vertical-progress .progress-steps>li:not(:last-child)::after{content:'';position:absolute;width:2px;left:11px;top:27px;height:14px;background:#e1e9e2}
body.feris-design .vertical-progress .progress-steps>li>span{display:grid;place-items:center;width:24px;height:24px;margin:0;border:1px solid #d6e0d8;border-radius:50%;background:#f1f5f1;font-size:10px;box-shadow:none}
body.feris-design .vertical-progress .progress-steps>li>strong{font-weight:500}
body.feris-design .vertical-progress .progress-steps>li.complete{color:#22623d}
body.feris-design .vertical-progress .progress-steps>li.complete>span{color:#fff;background:#247744;border-color:#247744}
body.feris-design .vertical-progress .progress-steps>li.current{color:#163f2e}
body.feris-design .vertical-progress .progress-steps>li.current>span{background:#ffe17b;color:#183d2d;border-color:#e9c85f}
body.feris-design .vertical-progress .progress-steps>li.current>strong{font-weight:750}

/* Administrative surfaces use available width, readable tables and compact groups. */
body.admin-body.feris-design .admin-content{padding:16px 18px 32px}
body.admin-body.feris-design .admin-heading,body.admin-body.feris-design .operations-heading{margin-bottom:12px;gap:12px}
body.admin-body.feris-design .admin-heading h1,body.admin-body.feris-design .operations-heading h1{font-size:26px;margin-block:4px}
body.admin-body.feris-design .panel:not(.operations-table){padding:16px}
body.admin-body.feris-design .order-command-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px;margin-bottom:10px}
body.admin-body.feris-design .order-command-bar>div{min-width:0;display:grid;gap:4px}
body.admin-body.feris-design .order-command-bar .quick-control{width:100%;max-width:none;min-width:0}
body.admin-body.feris-design .order-command-bar .eyebrow{margin:0}
body.admin-body.feris-design [data-live-updated]{margin:8px 0;font-size:12px}
body.admin-body.feris-design .section-tabs{margin-bottom:12px;padding:4px}
body.admin-body.feris-design .section-tabs a{padding:10px 14px}
body.admin-body.feris-design #crm-editar>.panel{max-width:none}
.crm-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}
body.admin-body.feris-design .order-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 0 12px}
body.admin-body.feris-design .operations-metrics{margin-bottom:12px;gap:10px}
body.admin-body.feris-design .operations-metrics>div{padding:12px}
body.admin-body.feris-design .bulk-toolbar{margin-top:12px}

@media(min-width:851px){body.feris-design .cart-layout,body.feris-design .checkout-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1100px){.crm-summary-layout{grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:850px){
 body.feris-design .container{width:calc(100% - 28px)}
 body.feris-design .compact-order-workspace{grid-template-columns:minmax(0,1fr);gap:12px}
 .order-sidebar{position:static}
 .order-sidebar .purchase-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .order-sidebar .purchase-navigation a{justify-content:center;text-align:center;flex-direction:column;gap:5px;padding:8px 4px;min-height:68px}
 .purchase-navigation a small{display:none}
 .purchase-navigation a strong{font-size:12px}
 .purchase-navigation .purchase-step-number{width:24px;height:24px;font-size:11px}
 body.feris-design .order-sidebar .order-top-progress{margin-top:8px;padding:10px 12px}
 .order-tracking>summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
 .order-tracking>summary>span{flex:1}
 .order-tracking>summary::after{font-size:17px}
 body.feris-design .order-heading{gap:4px;padding-bottom:10px}
 body.feris-design .order-heading>p{flex-basis:100%;font-size:12px}
 body.feris-design .order-content .payment-panels{grid-template-columns:minmax(0,1fr)}
 body.feris-design .order-content .payment-panels>.panel{grid-column:auto;grid-row:auto}
 body.feris-design .feris-studio .shell{padding-inline:14px}
 body.admin-body.feris-design .admin-content{padding:14px 14px 80px}
}
@media(max-width:650px){
 body.feris-design .container{width:calc(100% - 24px)}
 body.feris-design .page-intro{padding-block:12px 10px}
 body.feris-design .order-content .payment-panels{grid-template-columns:minmax(0,1fr)}
 .order-summary-grid,.crm-summary-layout,.order-content .saved-destination{grid-template-columns:minmax(0,1fr);gap:16px}
 .order-summary-grid>div+div{border-top:1px solid #e0e7e1;padding-top:12px}
 body.feris-design .summary-card{position:static}
 body.feris-design .cart-layout,body.feris-design .checkout-layout{gap:14px}
 .saved-checkout-contact{flex-wrap:wrap;gap:10px}
 .checkout-route{gap:6px 12px}
 .checkout-route li{font-size:11px}
 .checkout-route li>span{width:22px;height:22px}
 body.admin-body.feris-design .order-command-bar{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}
 body.admin-body.feris-design .order-command-bar .quick-control select{min-width:0}
}
@media(max-width:379px){.purchase-navigation a strong{font-size:11px}.order-sidebar .purchase-navigation a{padding-inline:2px}.order-tracking>summary>span{font-size:11px}}

/* Order commercial references and explicit product behavior. */
.order-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.order-catalog-line{display:flex;align-items:center;gap:12px;min-width:0;margin:8px 0}.order-catalog-line>div{min-width:0;overflow-wrap:anywhere}.order-catalog-line small{display:block;color:#55716c;margin-top:3px}.order-product-thumb{width:72px;height:72px;object-fit:contain;background:#f7f5e9;border:1px solid #e4e7dd;border-radius:10px;flex:none}.purchased-design .order-product-thumb{align-self:center}.product-type{border:1px solid #b9cec2;border-radius:12px;padding:12px;margin:14px 0;min-width:0}.product-type legend{font-weight:700}.product-type label{display:flex;gap:9px;align-items:center;padding:8px;background:#edf5ef;border-radius:8px;margin-bottom:6px}.product-type input{width:18px;height:18px;flex:none}.product-type small{display:block}.operations-filters select{width:100%;min-width:0}.operations-table .order-catalog-line{min-width:220px}.operations-table .order-product-thumb{width:50px;height:50px}@media(max-width:600px){.purchased-design{grid-template-columns:60px minmax(0,1fr)}.purchased-design .order-product-thumb{width:60px;height:60px}.purchased-design>.button{grid-column:1/-1}}

.summary-product .order-product-thumb{width:54px;height:54px}.summary-product>span{min-width:0;flex:1}.summary-product{align-items:center;gap:12px}

body.feris-design .order-content .purchased-design{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;align-content:start}.purchased-design>.button,.purchased-design>.status-pill{grid-column:1/-1}@media(max-width:600px){body.feris-design .order-content .purchased-design{grid-template-columns:60px minmax(0,1fr)}}

body.feris-design dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}.addition-payment .yape-qr img{max-width:220px;max-height:220px}.addition-payment ul{margin-block:10px}.addition-payment .text-link{display:inline-flex;margin:6px 10px 6px 0}.proof-review h3{font-size:17px}.proof-review{content-visibility:auto;contain-intrinsic-size:auto 250px}