/* Nina: generous typography, clear checkout hierarchy and responsive motion. */
.checkout-dialog,.checkout-result{--form-font:'Outfit','Manrope',Arial,sans-serif;width:min(1180px,calc(100% - 40px));padding:40px;max-height:92dvh;overflow:auto;background:radial-gradient(ellipse at 0 0,#f5eaff,transparent 45%),radial-gradient(ellipse at 100% 0,#ffe6ee,transparent 40%),#fffdfd;scrollbar-width:thin;scrollbar-color:#dfb8cb #fff7fa}
.checkout-dialog .modal-close,.checkout-result .modal-close{position:sticky;top:0;float:inline-end;z-index:5;width:44px;height:44px;margin-block-end:-44px;box-shadow:0 5px 20px #5022361a}
.checkout-dialog .modal-title,.checkout-result .modal-title{font-size:clamp(30px,3.5vw,44px);font-weight:600;letter-spacing:-.035em}
.checkout-dialog .checkout-intro{font-size:17px;line-height:1.75;color:#66576d;max-width:720px}
.checkout-dialog .checkout-eyebrow{font-size:12px;letter-spacing:.12em}
.checkout-heading{gap:22px;padding-inline-end:45px}
.checkout-emblem{width:72px;height:72px;border-radius:24px;box-shadow:0 10px 25px #b3306120}
.checkout-progress{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.checkout-progress li{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #e7dce9;background:#fff9fc;border-radius:15px;font-size:15px;font-weight:500;color:#766579;transition:background .25s,border-color .25s,color .25s}
.progress-number{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:10px;background:#eee5f0;color:#66526f;font-size:14px}
.progress-check{margin-inline-start:auto;color:#267c67;opacity:0;transition:opacity .25s}
.checkout-progress li[data-state=active]{background:#fff0f5;border-color:#dca0b7;color:#94334e;box-shadow:0 4px 14px #b3306110}
.checkout-progress li[data-state=active] .progress-number{background:#bd2d5c;color:white}
.checkout-progress li[data-state=complete]{background:#eaf7f0;border-color:#b9d9ca;color:#285f51}
.checkout-progress li[data-state=complete] .progress-number{background:#2d826a;color:white}
.checkout-progress li[data-state=complete] .progress-check{opacity:1}
.checkout-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:28px}
.checkout-fields{gap:28px}
.checkout-dialog .checkout-group{padding:28px 26px 8px;border-radius:24px;background:#fbf8ff;border-color:#ddd0ee}
.checkout-dialog .shipping-group{background:#f4f9ff;border-color:#cadced}
.checkout-dialog .checkout-group-heading,.checkout-dialog .checkout-summary-title h3{font-size:24px;line-height:1.45;margin-bottom:24px}
.checkout-dialog .checkout-summary-title h3{margin:0}
.checkout-dialog .field{font-size:17px;font-weight:500;color:#473b55;gap:10px;margin-bottom:24px}
.checkout-dialog .field input,.checkout-dialog .field select,.checkout-dialog .field textarea{font-size:18px;min-height:60px;padding:16px;border-radius:14px;color:#30283b;background:white;line-height:1.5}
.checkout-dialog .field input::placeholder,.checkout-dialog .field textarea::placeholder{font-size:16px;color:#83758d}
.checkout-dialog .field small{font-size:14px;color:#685a74}
.checkout-dialog .field select:disabled{background:#eef2f7;color:#7b8290;opacity:1;cursor:wait}
.checkout-dialog .delivery-choice-content{min-height:160px;padding:20px 17px;border-radius:18px;border-color:#ccd8e5;gap:10px;background:white;transition:transform .2s,box-shadow .2s,border-color .2s}
.checkout-dialog .delivery-choice-content svg{width:34px;height:34px;padding:5px;border-radius:10px;background:#edf3fc;color:#3e70a6}
.checkout-dialog .delivery-choice strong{font-size:17px;line-height:1.5;max-width:none}
.checkout-dialog .delivery-choice small{font-size:15px;color:#566779}
.checkout-dialog .delivery-choice input{width:20px;height:20px;top:21px;inset-inline-end:16px}
.checkout-dialog .delivery-choice input:checked+.delivery-choice-content{background:#fff1f5;border-color:#c53665;box-shadow:0 0 0 1px #c53665,0 8px 22px #b3306112}
.checkout-dialog .delivery-choice input:checked+.delivery-choice-content svg{background:#f9d8e5;color:#a72151}
.checkout-dialog .delivery-choice:has(input:not(:disabled)):hover .delivery-choice-content{transform:translateY(-3px);box-shadow:0 9px 22px #27365014}
.checkout-dialog .checkout-summary{padding:28px 25px;border-radius:24px;background:linear-gradient(145deg,#fff6fa,#fcebf2);border-color:#e6bfce;box-shadow:0 8px 28px #6e214011;top:16px}
.checkout-dialog .checkout-item{flex-wrap:wrap;row-gap:8px}
.checkout-dialog .checkout-item img{width:60px;height:74px;border-radius:12px}
.checkout-dialog .checkout-item strong{font-size:17px;color:#503347}
.checkout-dialog .checkout-item small{font-size:14px;color:#735467}
.checkout-dialog .checkout-item>span:last-child{font-size:17px;color:#92304f}
.checkout-dialog .summary-line{font-size:17px;color:#654455}
.checkout-dialog .summary-delivery,.checkout-dialog .test-prices,.checkout-dialog .checkout-summary .privacy,.checkout-dialog .pickup-hint{font-size:14px;line-height:1.75;color:#755469}
.checkout-dialog .checkout-summary .total{font-size:19px;padding:24px 20px;flex-wrap:wrap;background:linear-gradient(120deg,#ab1749,#ce3865);box-shadow:0 10px 25px #b9225425}
.checkout-dialog .checkout-summary .total>span:last-child{font-size:34px;line-height:1.25}
.checkout-dialog .checkout-summary .checkbox-field{font-size:15px;color:#604556;line-height:1.7;align-items:flex-start;padding:15px;border:1px solid #ead2dc;border-radius:12px;background:#ffffffb8}
.checkout-dialog .checkbox-field input{margin-block-start:4px;flex-shrink:0}
.checkout-dialog .checkout-submit{font-size:18px;min-height:64px;border-radius:16px}
.checkout-dialog .test-banner{font-size:15px;line-height:1.75;padding:17px 20px;color:#704254;margin-bottom:24px}
.checkout-dialog .test-banner strong{font-size:15px}
.checkout-dialog .error:not(:empty){padding:14px;background:#fff0ef;border:1px solid #e5b3b1;border-radius:12px;margin-bottom:16px;font-size:16px}
.storefront #app .category-nav,.storefront #app .filters button{font-size:15px}
.storefront #app .product-info h3{font-size:18px;line-height:1.5}
.storefront #app .product-info>small{font-size:12px}
.storefront #app .section-intro,.storefront #app .process-grid p,.storefront #app .service-strip small{font-size:15px;line-height:1.75}
.storefront #app .field,.admin-work .field{font-size:16px}
.storefront #app .field input,.storefront #app .field select,.admin-work .field input,.admin-work .field select{font-size:17px;min-height:56px}
.storefront #app .calculator-result{font-size:15px;line-height:1.75;color:#365e4d}
.admin-sidebar nav a{font-size:15px;min-height:48px}
.admin-work table{font-size:15px;line-height:1.6}
[dir=rtl] .checkout-dialog .field,[dir=rtl] .checkout-dialog .delivery-choice strong{font-size:19px;line-height:1.6}
[dir=rtl] .checkout-dialog .field input,[dir=rtl] .checkout-dialog .field select,[dir=rtl] .checkout-dialog .field textarea{font-size:20px}
[dir=rtl] .checkout-progress li{font-family:'Tajawal',Arial,sans-serif;font-size:18px;font-weight:700}
@media(max-width:960px){.checkout-dialog,.checkout-result{padding:30px}.checkout-layout{grid-template-columns:1fr;gap:26px}.checkout-dialog .checkout-summary{position:static}.checkout-dialog .checkout-item>span:last-child{margin-inline-start:auto}.checkout-dialog .checkout-summary .total{justify-content:space-between}}
@media(max-width:600px){.checkout-dialog,.checkout-result{width:calc(100% - 12px);padding:24px 16px;max-height:96dvh;border-radius:22px}.checkout-heading{gap:12px;padding-inline-end:36px}.checkout-emblem{width:46px;height:46px;border-radius:16px}.checkout-emblem svg{width:27px;height:27px}.checkout-dialog .checkout-eyebrow{font-size:10px;letter-spacing:.06em}.checkout-dialog .modal-title,.checkout-result .modal-title{font-size:30px}.checkout-dialog .checkout-intro{font-size:16px;line-height:1.7}.checkout-progress{gap:7px;margin-bottom:23px}.checkout-progress li{flex-direction:column;justify-content:flex-start;text-align:center;padding:12px 6px;gap:7px;font-size:13px;border-radius:12px;position:relative;line-height:1.45}.progress-check{position:absolute;top:6px;inset-inline-end:6px;font-size:11px}.checkout-dialog .checkout-group{padding:23px 17px 4px;border-radius:20px}.checkout-dialog .checkout-group-heading,.checkout-dialog .checkout-summary-title h3{font-size:22px}.checkout-dialog .field{font-size:17px}.checkout-dialog .field input,.checkout-dialog .field select,.checkout-dialog .field textarea{font-size:18px;padding:15px 13px}.checkout-dialog .delivery-choice-content{min-height:165px;padding:18px 12px}.checkout-dialog .delivery-choice strong{font-size:16px}.checkout-dialog .delivery-choice small{font-size:14px}.checkout-dialog .checkout-summary{padding:24px 19px}.checkout-dialog .checkout-summary .total>span:last-child{font-size:32px}.checkout-dialog .test-banner{font-size:14px;padding:15px}.checkout-dialog .checkout-submit{font-size:18px}.storefront #app .filters button{font-size:14px}.storefront #app .product-info h3{font-size:16px}.storefront #app .product-info>small{font-size:10px}.storefront #app .product-info{padding:14px 12px}.storefront #app .section-intro,.storefront #app .process-grid p{font-size:15px}[dir=rtl] .checkout-progress li{font-size:15px}[dir=rtl] .checkout-dialog .modal-title{font-size:31px}}
@media(prefers-reduced-motion:reduce){.checkout-progress *,.checkout-dialog *{transition:none!important;animation:none!important}.checkout-dialog .delivery-choice:has(input:not(:disabled)):hover .delivery-choice-content{transform:none}}

.order-thanks{font-family:'Outfit','Manrope',Arial,sans-serif;text-align:center;padding:27px 24px;margin:24px 0;border:1px solid #e7c7d5;border-radius:20px;background:linear-gradient(145deg,#fff7fa,#f7f0ff);color:#513b50;box-shadow:0 8px 24px #742d4510}
.order-thanks-heart{display:block;font-size:34px;line-height:1;color:#b42a59;margin-bottom:18px}
.order-thanks blockquote{font-family:'Noto Sans Arabic','Tajawal',Arial,sans-serif;font-size:clamp(21px,2.5vw,27px);line-height:2.1;margin:0 0 20px;color:#852544;font-weight:500;text-wrap:balance}
.order-thanks p{font-size:17px;line-height:1.8;margin:0 auto 15px;max-width:650px;color:#62495d}
.order-thanks-signature{font-size:14px;color:#81506c;display:block}
[dir=rtl] .order-thanks{font-family:'Tajawal','Noto Sans Arabic',Arial,sans-serif}
[dir=rtl] .order-thanks p{font-size:19px}
[dir=rtl] .order-thanks-signature{font-size:16px}
@media(max-width:600px){.order-thanks{padding:23px 18px}.order-thanks p{font-size:16px}.order-thanks blockquote{font-size:22px;line-height:2}[dir=rtl] .order-thanks p{font-size:18px}}

/* Inventory entry: one color shared by multiple size/stock rows. */
.variant-group-hint{font-size:17px;color:var(--muted);margin-bottom:20px}
.variant-color-group{padding:24px;margin:0 0 22px;border:1px solid #e9d4dd;border-radius:20px;background:linear-gradient(125deg,#fff7fa,#f7f4ff);}
.variant-color-heading{display:flex;gap:16px;align-items:center;margin-bottom:18px}.variant-color-heading>.field{flex:1;margin:0}.variant-color-heading input{font-weight:600;font-size:20px!important;background:#fff!important}
.color-size-rows{display:grid;gap:14px;margin-bottom:18px}.color-size-row{display:grid;grid-template-columns:1fr 1fr 44px;gap:16px;align-items:center}.color-size-row>.field{margin:0}.color-size-row .icon-button{margin-top:24px;padding:6px}.variant-color-group .btn{font-size:16px;gap:10px}.variant-color-group input{min-width:0;width:100%}
@media(max-width:600px){.variant-color-group{padding:16px}.color-size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:8px}.variant-color-group .field{font-size:16px}.color-size-row input{padding:12px!important}.variant-color-heading{gap:8px}}

.color-photo-editor{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start;margin:12px 0 24px}.color-photo-preview{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;border:1px solid #e7d5db;background:#fff}.color-photo-editor .field{margin-bottom:12px}@media(max-width:540px){.color-photo-editor{grid-template-columns:76px minmax(0,1fr);gap:12px}}