/* Smart Shop COD form */
.sscod{--sscod-radius:16px;--sscod-muted:#6b6259;color:var(--sscod-text);font-family:inherit;direction:rtl;text-align:right;margin:14px 0;width:100%;box-sizing:border-box}
.sscod *,.sscod *::before,.sscod *::after{box-sizing:border-box}
.sscod-form{display:flex;flex-direction:column;gap:14px;margin:0}
.sscod-title{margin:0;font-weight:800;font-size:16px;text-align:center;color:var(--sscod-text)}

/* swatches */
.sscod-attr{display:flex;flex-direction:column;gap:8px}
.sscod-attr__head{font-size:15px;font-weight:700}
.sscod-attr__head b{font-weight:800}
.sscod-swatches{display:flex;flex-wrap:wrap;gap:10px}
.sscod .sscod-sw{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 16px;border:1.5px solid #e2d6c2;border-radius:999px;background:#fff;color:var(--sscod-text);font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.sscod .sscod-sw:hover{border-color:var(--sscod-accent)}
.sscod .sscod-sw.is-selected{border-color:var(--sscod-primary);background:var(--sscod-field-bg);box-shadow:0 0 0 1px var(--sscod-primary)}
.sscod .sscod-sw:focus-visible{outline:3px solid var(--sscod-accent);outline-offset:2px}
.sscod .sscod-sw__out{display:none}
.sscod .sscod-sw.is-soldout{color:#9a8e83;border-style:dashed;background:repeating-linear-gradient(135deg,#fff 0 6px,#f6f1e9 6px 12px)}
.sscod .sscod-sw.is-soldout:not(.sscod-sw--color):not(.sscod-sw--image){text-decoration:line-through;text-decoration-color:#b3261e}
.sscod .sscod-sw.is-soldout.is-selected:not(.sscod-sw--color):not(.sscod-sw--image){border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}
.sscod .sscod-sw.is-soldout .sscod-sw__out{display:inline-block;position:absolute;top:-9px;inset-inline-start:8px;background:#b3261e;color:#fff;border-radius:999px;padding:0 7px;font-size:10px;font-weight:800;line-height:16px;white-space:nowrap;text-decoration:none}
.sscod .sscod-sw:disabled{cursor:not-allowed;opacity:.35}
/* colour / image swatches: padded chip with a circle + label */
.sscod-swatches.is-color{gap:8px}
.sscod .sscod-sw--color,.sscod .sscod-sw--image{flex-direction:column;gap:6px;min-width:72px;min-height:0;padding:10px 12px 9px;border:1.5px solid #eadfcb;border-radius:16px;background:#fff;box-shadow:none}
.sscod .sscod-sw--color.is-selected,.sscod .sscod-sw--image.is-selected{border-color:var(--sscod-primary);background:var(--sscod-field-bg);box-shadow:0 0 0 1px var(--sscod-primary)}
.sscod .sscod-sw__dot,.sscod .sscod-sw--image img{position:relative;display:block;width:32px;height:32px;border-radius:50%;background:var(--sw,#ddd);border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);object-fit:cover}
.sscod .sscod-sw__label{font-size:12.5px;font-weight:700;line-height:1.2}
.sscod .sscod-sw--color.is-soldout,.sscod .sscod-sw--image.is-soldout{border-style:dashed;background:#fbf8f3}
.sscod .sscod-sw--color.is-soldout.is-selected,.sscod .sscod-sw--image.is-soldout.is-selected{border-style:solid;border-color:#b3261e;box-shadow:0 0 0 1px #b3261e;background:#fff8f7}
.sscod .sscod-sw--color.is-soldout .sscod-sw__dot,.sscod .sscod-sw--image.is-soldout img{opacity:.5}
.sscod .sscod-sw--color.is-soldout .sscod-sw__dot::after{content:"";position:absolute;inset:1px;border-radius:50%;background:linear-gradient(to top left,transparent calc(50% - 1.2px),#b3261e calc(50% - 1.2px),#b3261e calc(50% + 1.2px),transparent calc(50% + 1.2px))}
.sscod .sscod-sw--color.is-soldout .sscod-sw__label,.sscod .sscod-sw--image.is-soldout .sscod-sw__label{color:#9a8e83}
.sscod .sscod-sw--color.is-soldout .sscod-sw__out,.sscod .sscod-sw--image.is-soldout .sscod-sw__out{position:static;margin-top:-2px;background:none;color:#b3261e;padding:0;font-size:10.5px;line-height:1}
.sscod .sscod-attr.is-compact .sscod-sw--color,.sscod .sscod-attr.is-compact .sscod-sw--image{min-width:58px;padding:7px 8px 6px;gap:4px;border-radius:12px}
.sscod .sscod-attr.is-compact .sscod-sw__dot,.sscod .sscod-attr.is-compact .sscod-sw--image img{width:26px;height:26px}
.sscod .sscod-attr.is-compact .sscod-sw{min-height:36px}

/* bundle offers */
.sscod-offers-wrap{display:flex;flex-direction:column;gap:12px}
.sscod-offers__title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:var(--sscod-text)}
.sscod-offers__title::before,.sscod-offers__title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#d9c9ad)}
.sscod-offers__title::after{background:linear-gradient(270deg,transparent,#d9c9ad)}
.sscod-offers{display:flex;flex-direction:column;gap:12px}
.sscod-offer{position:relative;display:flex;align-items:center;gap:12px;padding:14px 14px;border:1.5px solid #e6dac6;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.sscod-offer.has-ribbon{margin-top:8px;padding-top:18px}
.sscod-offer:hover{border-color:var(--sscod-accent);transform:translateY(-1px)}
.sscod-offer.is-selected{border:2px solid var(--sscod-primary);background:linear-gradient(180deg,#fffdf8,var(--sscod-field-bg));box-shadow:0 10px 24px rgba(59,42,34,.12);padding:13px}
.sscod-offer.is-selected.has-ribbon{padding-top:17px}
.sscod-offer input{position:absolute;opacity:0;pointer-events:none}
.sscod-offer:focus-within{outline:3px solid var(--sscod-accent);outline-offset:2px}
.sscod-offer__ribbon{position:absolute;top:-11px;inset-inline-start:16px;padding:3px 12px;border-radius:999px;font-size:11.5px;font-weight:800;line-height:16px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.sscod-offer__ribbon.is-gold{background:linear-gradient(135deg,#d8b874,#b98f45);color:#2b1f19}
.sscod-offer__ribbon.is-brown{background:var(--sscod-primary);color:#F8EEE4}
.sscod-offer__ribbon.is-red{background:#b3261e;color:#fff}
.sscod-offer__ribbon.is-green{background:#2e7d32;color:#fff}
.sscod-offer__radio{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid #cbbda6;background:#fff;position:relative;transition:border-color .15s}
.sscod-offer.is-selected .sscod-offer__radio{border-color:var(--sscod-primary);background:var(--sscod-primary)}
.sscod-offer.is-selected .sscod-offer__radio::after{content:"";position:absolute;left:4px;top:4px;width:10px;height:5px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}
.sscod-offer__media{position:relative;flex:0 0 auto;width:58px;height:58px}
.sscod-offer__media img{position:absolute;top:0;width:52px;height:52px;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 4px 12px rgba(59,42,34,.18);background:#fff}
.sscod-offer__media.is-1 img{inset-inline-start:3px;top:3px}
.sscod-offer__media.is-2{width:72px}
.sscod-offer__media.is-2 img:nth-child(1){inset-inline-start:0;top:6px;transform:rotate(-6deg)}
.sscod-offer__media.is-2 img:nth-child(2){inset-inline-start:18px;top:0;transform:rotate(5deg)}
.sscod-offer__media.is-3{width:84px}
.sscod-offer__media.is-3 img:nth-child(1){inset-inline-start:0;top:8px;transform:rotate(-9deg)}
.sscod-offer__media.is-3 img:nth-child(2){inset-inline-start:16px;top:2px;transform:rotate(-1deg);z-index:1}
.sscod-offer__media.is-3 img:nth-child(3){inset-inline-start:32px;top:6px;transform:rotate(8deg);z-index:2}
.sscod-offer__qty{position:absolute;z-index:3;bottom:-6px;inset-inline-end:-4px;min-width:26px;height:22px;padding:0 6px;border-radius:999px;background:var(--sscod-primary);color:#F8EEE4;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.sscod-offer__body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.sscod-offer__label{font-weight:800;font-size:16px;line-height:1.3}
.sscod-offer__sub{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:12.5px;color:var(--sscod-muted);font-weight:700}
.sscod-offer__sub span:empty{display:none}
.sscod-offer__gift{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:2px;padding:2px 8px;border-radius:8px;background:#eef8ef;color:#1d5e22;font-size:12px;font-weight:800}
.sscod-offer__gift svg{width:14px;height:14px;fill:currentColor}
.sscod-offer__prices{display:flex;flex-direction:column;align-items:flex-end;text-align:left;gap:3px}
.sscod-offer__price{font-weight:800;font-size:19px;white-space:nowrap;color:var(--sscod-text)}
.sscod-offer__compare{color:#9b8f84;font-size:13px;white-space:nowrap}
.sscod-offer__save{font-size:11.5px;font-weight:800;color:#fff;background:#2e7d32;border-radius:999px;padding:2px 8px;white-space:nowrap}
.sscod-offer__save[hidden],.sscod-offer__compare[hidden]{display:none}
@media (max-width:420px){.sscod-offer{gap:9px;padding:12px 10px}.sscod-offer.is-selected{padding:11px 9px}.sscod-offer__media.is-3{width:74px}.sscod-offer__media.is-3 img:nth-child(2){inset-inline-start:12px}.sscod-offer__media.is-3 img:nth-child(3){inset-inline-start:24px}.sscod-offer__media img{width:46px;height:46px}.sscod-offer__label{font-size:15px}.sscod-offer__price{font-size:17px}}

/* delivery estimate + trust row */
.sscod-eta{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 12px;border-radius:14px;background:#f3f8f2;color:#1d5e22;font-size:13.5px;font-weight:800;text-align:center}
.sscod-eta svg{width:20px;height:20px;fill:currentColor;flex:0 0 20px}
.sscod-eta[hidden]{display:none}
.sscod-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0;padding:0;list-style:none}
.sscod-trust li{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--sscod-text);margin:0}
.sscod-trust svg{width:16px;height:16px;fill:var(--sscod-accent)}

/* variant per piece */
.sscod-pieces{display:flex;flex-direction:column;gap:12px;margin-top:-2px;padding:12px;border-radius:18px;background:var(--sscod-field-bg);border:1px solid #eadfcb}
.sscod-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:#efe4d1}
.sscod .sscod-mode__opt{min-height:44px;padding:6px 10px;border:0;border-radius:11px;background:transparent;color:var(--sscod-muted);font:inherit;font-size:13.5px;font-weight:800;line-height:1.3;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.sscod .sscod-mode__opt:hover{background:rgba(255,255,255,.5);color:var(--sscod-text)}
.sscod .sscod-mode__opt.is-active{background:#fff;color:var(--sscod-primary);box-shadow:0 2px 10px rgba(59,42,34,.12)}
.sscod .sscod-mode__opt:focus-visible{outline:3px solid var(--sscod-accent);outline-offset:2px}
.sscod-pieces__list{display:flex;flex-direction:column;gap:8px}
.sscod-piece{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #eadfcb;animation:sscod-in .25s ease both}
.sscod-piece:nth-child(2){animation-delay:.04s}.sscod-piece:nth-child(3){animation-delay:.08s}.sscod-piece:nth-child(4){animation-delay:.12s}
.sscod-piece.has-problem{border-color:#e3a39c;background:#fff8f7}
.sscod-piece__meta{display:flex;align-items:center;gap:8px;min-width:96px}
.sscod-piece__thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#f3ece0;flex:0 0 44px}
.sscod-piece__meta span{display:flex;flex-direction:column;line-height:1.3}
.sscod-piece__meta b{font-size:13.5px;font-weight:800}
.sscod-piece__meta small{font-size:12px;color:var(--sscod-muted);font-weight:700}
.sscod-piece__opts{display:flex;flex-direction:column;gap:8px;min-width:0}
.sscod-attr.is-compact{gap:6px}
.sscod-attr.is-compact.is-solo .sscod-attr__head{display:none}
.sscod-attr.is-compact .sscod-attr__head{font-size:12.5px}
.sscod-attr.is-compact .sscod-swatches{gap:8px}
.sscod-attr.is-compact .sscod-sw__label{font-size:11.5px}
.sscod .sscod-attr.is-compact .sscod-sw:not(.sscod-sw--color):not(.sscod-sw--image){min-height:36px;padding:6px 12px;font-size:13px}
.sscod-pieces__recap{margin:0;font-size:13px;font-weight:800;color:var(--sscod-text)}
@keyframes sscod-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sscod .sscod-attr.is-compact .sscod-swatches{justify-content:flex-end}
@media (max-width:420px){.sscod-piece{gap:8px;padding:10px}.sscod-piece__meta{min-width:0}.sscod-piece__thumb{width:38px;height:38px;flex-basis:38px}.sscod .sscod-mode__opt{font-size:12.5px}}

/* problem hint + flash */
.sscod-attr__note{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:800;color:#a3271f}
.sscod-attr__note::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#b3261e;color:#fff;font-size:11px;flex:0 0 16px}
.sscod-attr__note[hidden]{display:none}
.is-flash{animation:sscod-flash .7s ease 2}
@keyframes sscod-flash{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 4px rgba(179,38,30,.25);border-radius:14px}}

/* sold-out button */
.sscod .sscod-submit.is-soldout{background:#a2958a!important;color:#fff!important;animation:none;cursor:not-allowed;filter:none;transform:none;font-size:16px}
.sscod .sscod-submit.is-soldout .sscod-submit__icon{display:none}

/* quantity */
.sscod-qty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sscod-qty__label{font-weight:700}
.sscod-qty__ctrl{display:inline-flex;align-items:center;border:1.5px solid var(--sscod-field-border);border-radius:999px;overflow:hidden;background:#fff}
.sscod .sscod-qty__btn{width:42px;height:42px;border:0;background:var(--sscod-field-bg);color:var(--sscod-text);font-size:20px;font-weight:700;cursor:pointer;line-height:1;padding:0}
.sscod-qty__input{width:48px;height:42px;border:0!important;text-align:center;font:inherit;font-weight:800;background:#fff!important;-moz-appearance:textfield;padding:0!important;box-shadow:none!important;border-radius:0!important}
.sscod-qty__input::-webkit-outer-spin-button,.sscod-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* fields */
.sscod-fields{display:flex;flex-direction:column;gap:12px}
.sscod-field{display:flex;flex-direction:column;gap:5px}
.sscod-label{font-weight:700;font-size:14px}
.sscod-label span{color:#b3261e}
.sscod-input-wrap{position:relative}
.sscod-input-icon{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--sscod-accent);pointer-events:none;display:flex}
.sscod-input-icon svg{width:20px;height:20px;fill:currentColor}
.sscod .sscod-input{display:block;width:100%;height:56px;margin:0;padding:0 48px 0 16px;border:1.5px solid var(--sscod-field-border)!important;border-radius:var(--sscod-radius)!important;background:var(--sscod-field-bg)!important;color:var(--sscod-text);font:inherit;font-size:16px;line-height:1.2;box-shadow:none;outline:0;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.sscod .sscod-input[dir="ltr"]{text-align:right}
.sscod .sscod-input::placeholder{color:#7a6d60;opacity:1}
.sscod .sscod-input:focus{border-color:var(--sscod-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sscod-accent) 30%,transparent)}
.sscod select.sscod-input{padding-inline-end:16px}
.sscod-field.has-error .sscod-input{border-color:#b3261e!important;background:#fff6f5!important}
.sscod-error{font-size:12.5px;color:#b3261e;font-weight:700}
.sscod-error:empty{display:none}
.sscod-field[data-field="phone"] .sscod-input{text-align:right;letter-spacing:.02em}
.sscod-field[data-field="phone"] .sscod-input::placeholder{letter-spacing:0}

/* summary */
.sscod-summary{background:var(--sscod-field-bg);border:1px solid #eadfcb;border-radius:var(--sscod-radius);padding:12px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.sscod-summary__row{display:flex;justify-content:space-between;gap:10px}
.sscod-summary__row.is-total{border-top:1px solid #e2d4bd;padding-top:8px;margin-top:2px;font-weight:800;font-size:16px}

/* buttons */
.sscod-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sscod .sscod-submit{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;width:100%;min-height:64px;padding:12px 20px;border:0;border-radius:20px;background:var(--sscod-primary);color:#F8EEE4;font:inherit;font-size:18px;font-weight:800;line-height:1.3;cursor:pointer;transition:transform .12s,filter .15s;animation:sscod-pulse 2.6s ease-in-out infinite}
.sscod .sscod-submit:hover{filter:brightness(1.12)}
.sscod .sscod-submit:active{transform:scale(.99)}
.sscod .sscod-submit:focus-visible{outline:3px solid var(--sscod-accent);outline-offset:3px}
.sscod .sscod-submit__icon svg{width:22px;height:22px;fill:currentColor;display:block}
.sscod .sscod-submit__total{font-size:15px;opacity:.92;padding-inline-start:10px;border-inline-start:1px solid rgba(255,255,255,.35)}
.sscod .sscod-submit__total:empty{display:none}
.sscod .sscod-submit.is-busy{color:transparent;animation:none}
.sscod .sscod-submit.is-busy::after{content:"";position:absolute;width:26px;height:26px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sscod-spin .8s linear infinite}
.sscod .sscod-submit.is-unavailable{opacity:.6}
.sscod .sscod-submit:disabled{cursor:default}
@keyframes sscod-spin{to{transform:rotate(360deg)}}
@keyframes sscod-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sscod-primary) 35%,transparent)}50%{box-shadow:0 0 0 8px transparent}}
.sscod-wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:20px;background:#25D366;color:#fff!important;font-weight:800;text-decoration:none!important}
.sscod-wa svg{width:22px;height:22px;fill:#fff}
.sscod-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--sscod-muted);font-size:13px;font-weight:700}
.sscod-secure svg{width:15px;height:15px;fill:var(--sscod-accent)}
.sscod-msg{padding:12px 14px;border-radius:14px;background:#fff1ef;color:#8f1d16;font-weight:700;text-align:center}
.sscod-msg.is-ok{background:#eef8ef;color:#1d5e22}

/* sticky bar (phones/tablets) */
.sscod-sticky{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9990;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:18px;background:var(--sscod-primary);color:#F8EEE4!important;font-weight:800;font-size:17px;text-decoration:none!important;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(140%);transition:transform .25s ease;direction:rtl}
.sscod-sticky svg{width:22px;height:22px;fill:currentColor}
.sscod-sticky__total{font-weight:800;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.35);white-space:nowrap}
.sscod-sticky__total:empty{display:none}
.sscod-sticky.is-visible{transform:none}
.sscod-sticky[hidden]{display:none}
@media (min-width:1025px){.sscod-sticky{display:none!important}}
@media (prefers-reduced-motion:reduce){.sscod .sscod-submit{animation:none}.sscod-sticky{transition:none}}

/* thank-you note */
.sscod-thanks{display:flex;flex-direction:column;gap:6px;margin:0 0 24px;padding:20px;border-radius:18px;background:var(--sscod-field-bg,#FBF6EC);border:1px solid #e8dcc6;text-align:center;font-size:16px}
.sscod-thanks strong{font-size:18px}

/* shop card button */
.sscod-loop-btn{text-align:center}

/* neutralise theme button resets (Hello Elementor etc.) */
.sscod .sscod-sw:hover,.sscod .sscod-sw:focus{background:#fff;color:var(--sscod-text)}
.sscod .sscod-sw.is-selected:hover{background:var(--sscod-field-bg)}
.sscod .sscod-sw--color:not(.is-selected):hover,.sscod .sscod-sw--color:not(.is-selected):focus,.sscod .sscod-sw--image:not(.is-selected):hover,.sscod .sscod-sw--image:not(.is-selected):focus{background:#fff}
.sscod .sscod-sw--color.is-soldout:not(.is-selected):hover,.sscod .sscod-sw--color.is-soldout:not(.is-selected):focus{background:#fbf8f3}
.sscod .sscod-sw--color.is-selected:hover,.sscod .sscod-sw--color.is-selected:focus,.sscod .sscod-sw--image.is-selected:hover,.sscod .sscod-sw--image.is-selected:focus{background:var(--sscod-field-bg)}
.sscod .sscod-sw--color.is-soldout.is-selected:hover,.sscod .sscod-sw--color.is-soldout.is-selected:focus{background:#fff8f7}
.sscod .sscod-qty__btn:hover,.sscod .sscod-qty__btn:focus{background:var(--sscod-field-bg);color:var(--sscod-text)}
.sscod .sscod-submit:hover,.sscod .sscod-submit:focus{background:var(--sscod-primary);color:#F8EEE4}
.sscod button{text-transform:none;letter-spacing:normal}

/* main product price follows the selected bundle */
.sscod-price-for{font-size:.42em;font-weight:700;color:var(--sscod-muted,#6b6259);align-self:center;white-space:nowrap}