:root{--support-ink:#252c28;--support-green:#315c4b;--support-green-deep:#183f32;--support-cream:#f7f0e5;--support-line:rgba(45,72,61,.14)}
.account-support,.support-thread-shell{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,241,232,.86));border:1px solid var(--support-line);border-radius:28px;box-shadow:0 24px 65px rgba(32,48,41,.08)}
.account-support{padding:clamp(20px,3vw,38px);margin-bottom:30px;scroll-margin-top:120px}.account-support__head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.account-support__head p,.support-ticket-form__intro span{color:var(--support-green);font-size:.78rem;font-weight:800;margin:0 0 5px}.account-support__head h2{font-size:clamp(1.45rem,2.5vw,2.1rem);margin:0}.account-support__head>span{color:#758078;font-size:.82rem}.account-support__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px}.support-ticket-form{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(41,55,48,.06);display:grid;gap:14px}.support-ticket-form__intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.support-ticket-form__intro strong{font-size:1.05rem}.support-ticket-form label,.support-thread-reply label{display:grid;gap:7px;font-size:.78rem;font-weight:700;color:#4c5852}.support-ticket-form input,.support-ticket-form select,.support-ticket-form textarea,.support-thread-reply textarea{width:100%;border:1px solid rgba(43,69,58,.15);background:rgba(253,252,249,.92);border-radius:13px;padding:12px 14px;color:var(--support-ink);font:inherit;outline:none;transition:.2s}.support-ticket-form input:focus,.support-ticket-form select:focus,.support-ticket-form textarea:focus,.support-thread-reply textarea:focus{border-color:rgba(49,92,75,.52);box-shadow:0 0 0 4px rgba(49,92,75,.09)}.support-ticket-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-ticket-list{display:flex;flex-direction:column;min-height:100%}.support-ticket-list__title{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 13px}.support-ticket-list__title span{font-size:.75rem;color:#79827d}.support-ticket-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 11px;border-top:1px solid var(--support-line);color:inherit;text-decoration:none;transition:.2s}.support-ticket-row:hover{background:rgba(255,255,255,.62);border-radius:14px;transform:translateX(-2px)}.support-ticket-row__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#f8ead6,#fff);color:#9b6f3e;box-shadow:inset 0 0 0 1px rgba(159,112,61,.18)}.support-ticket-row>span:nth-child(2){display:grid;min-width:0}.support-ticket-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.support-ticket-row small{color:#7b847f;font-size:.7rem;margin-top:4px}.support-ticket-row>b{color:var(--support-green)}.support-ticket-empty{display:grid;place-items:center;text-align:center;gap:5px;flex:1;min-height:190px;border:1px dashed rgba(49,92,75,.22);border-radius:20px;color:#66716b}.support-ticket-empty small{color:#8b938f}.support-thread-page{padding-top:clamp(40px,7vw,90px);padding-bottom:clamp(70px,10vw,130px);max-width:980px}.support-thread-back{display:inline-flex;color:var(--support-green);font-weight:800;text-decoration:none;margin-bottom:18px}.support-thread-shell{overflow:hidden}.support-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,38px);border-bottom:1px solid var(--support-line)}.support-thread-head span{color:#7c8780;font-size:.74rem}.support-thread-head h1{font-size:clamp(1.3rem,3vw,2rem);margin:6px 0}.support-thread-head p{margin:0;color:#69746e}.support-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:7px 12px;background:#edf2ef;color:#315c4b;font-size:.72rem}.support-status--closed{background:#ececea;color:#777}.support-status--customer_replied,.support-status--open{background:#fff0d9;color:#8b5925}.support-thread-messages{display:flex;flex-direction:column;gap:13px;padding:clamp(20px,4vw,38px);max-height:620px;overflow:auto;background:rgba(250,249,246,.55)}.support-message{max-width:min(76%,650px);padding:14px 17px;border-radius:19px;box-shadow:0 8px 22px rgba(30,48,39,.05)}.support-message--customer{align-self:flex-start;background:#fff;border-bottom-right-radius:6px}.support-message--admin{align-self:flex-end;background:linear-gradient(145deg,var(--support-green),var(--support-green-deep));color:#fff;border-bottom-left-radius:6px}.support-message>div{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.7rem}.support-message time{opacity:.7}.support-message p{white-space:pre-wrap;margin:8px 0 0;line-height:1.95;font-size:.88rem}.support-thread-reply{display:grid;gap:10px;padding:20px clamp(20px,4vw,38px);border-top:1px solid var(--support-line)}.support-thread-reply>div{display:flex;justify-content:flex-end}.support-thread-close{text-align:center;padding:0 20px 22px}.support-thread-closed{margin:25px;padding:15px;border-radius:14px;background:#f0efeb;text-align:center;color:#737874}
.live-support{position:fixed;z-index:94;right:22px;bottom:22px;direction:rtl}.live-support__launcher{height:58px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:0 17px;background:linear-gradient(145deg,rgba(42,79,64,.96),rgba(20,53,41,.98));color:#fff;box-shadow:0 16px 40px rgba(23,57,44,.28),inset 0 1px rgba(255,255,255,.2);font:inherit;cursor:pointer;backdrop-filter:blur(14px)}.live-support__launcher svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}.live-support__launcher>span:not(.live-support__pulse){font-weight:800;font-size:.82rem}.live-support__launcher>b{position:absolute;top:-5px;left:-4px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#d88e5d;border:2px solid #fff;font-size:.68rem}.live-support__pulse{width:8px;height:8px;border-radius:50%;background:#a9e3bd;box-shadow:0 0 0 0 rgba(169,227,189,.45);animation:supportPulse 2s infinite}.live-support__panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 120px));overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(250,248,244,.95);box-shadow:0 28px 90px rgba(22,44,35,.3);backdrop-filter:blur(22px);transform-origin:bottom right;animation:supportOpen .24s ease-out}.live-support__panel>header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(130deg,#234c3c,#17372c);color:#fff}.live-support__panel>header>div{display:flex;align-items:center;gap:11px}.live-support__avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#fbefe0,#d3b184);color:#234c3c;font:900 1rem Georgia}.live-support__panel header span span{display:grid;gap:3px}.live-support__panel header strong{font-size:.88rem}.live-support__panel header small{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.72);font-size:.66rem}.live-support__panel header small i{width:6px;height:6px;background:#8bddaa;border-radius:50%}.live-support__panel header button{border:0;background:rgba(255,255,255,.1);color:#fff;width:34px;height:34px;border-radius:11px;font-size:1.35rem;cursor:pointer}.live-support__welcome{padding:22px;overflow:auto;max-height:calc(min(680px,100vh - 120px) - 78px)}.live-support__welcome>span{font-size:.72rem;color:var(--support-green);font-weight:800}.live-support__welcome h2{font-size:1.35rem;margin:5px 0}.live-support__welcome>p{font-size:.76rem;color:#6f7a74;margin:0 0 18px}.live-support__welcome form{display:grid;gap:11px}.live-support__welcome form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-support__welcome label{display:grid;gap:5px;font-size:.7rem;color:#56615b;font-weight:700}.live-support__welcome input,.live-support__welcome textarea{border:1px solid rgba(43,69,58,.14);background:rgba(255,255,255,.85);border-radius:12px;padding:10px 12px;font:inherit;outline:none}.live-support__welcome input:focus,.live-support__welcome textarea:focus,.live-support__composer textarea:focus{border-color:rgba(49,92,75,.5);box-shadow:0 0 0 3px rgba(49,92,75,.08)}.live-support__welcome form>button{border:0;border-radius:13px;padding:12px 15px;background:var(--support-green);color:#fff;font:800 .8rem inherit;cursor:pointer}.live-support__welcome form>button span{float:left}.live-support__trap{position:absolute!important;left:-9999px!important}.live-support__conversation{display:flex;flex-direction:column;height:min(500px,calc(100vh - 200px))}.live-support__messages{display:flex;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:17px;background:linear-gradient(rgba(255,255,255,.25),rgba(245,239,229,.5))}.live-support__message{max-width:82%;padding:10px 12px;border-radius:16px}.live-support__message p{white-space:pre-wrap;font-size:.78rem;line-height:1.8;margin:0}.live-support__message small{display:block;font-size:.58rem;margin-top:5px;opacity:.62}.live-support__message--customer{align-self:flex-start;background:#fff;border:1px solid rgba(38,65,53,.08);border-bottom-right-radius:5px}.live-support__message--admin{align-self:flex-end;background:#285542;color:#fff;border-bottom-left-radius:5px}.live-support__composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--support-line);background:rgba(255,255,255,.75)}.live-support__composer textarea{flex:1;resize:none;border:1px solid rgba(43,69,58,.14);border-radius:13px;padding:10px;font:inherit;outline:none}.live-support__composer button{width:44px;border:0;border-radius:13px;background:var(--support-green);color:#fff;font-size:1.1rem;cursor:pointer}.live-support__closed,.live-support__error{margin:10px 14px;padding:9px 12px;border-radius:10px;background:#f5e7df;color:#8f4b35;font-size:.7rem}.live-support__error{position:absolute;bottom:67px;right:15px;left:15px}.live-support [hidden]{display:none!important}@keyframes supportPulse{70%{box-shadow:0 0 0 9px transparent}}@keyframes supportOpen{from{opacity:0;transform:translateY(12px) scale(.96)}}
@media(max-width:900px){.account-support__layout{grid-template-columns:1fr}.support-thread-page{padding-inline:14px}.live-support{right:14px;bottom:86px}.live-support__launcher{width:54px;height:54px;border-radius:18px;padding:0;justify-content:center}.live-support__launcher>span:not(.live-support__pulse){display:none}.live-support__pulse{position:absolute;right:7px;top:7px}.live-support__panel{position:fixed;inset:auto 8px 78px 8px;width:auto;max-height:calc(100dvh - 92px);border-radius:24px;transform-origin:bottom center}.live-support__conversation{height:min(560px,calc(100dvh - 170px))}}
@media(max-width:560px){.account-support{padding:16px;border-radius:22px}.account-support__head{align-items:start;flex-direction:column}.support-ticket-form{padding:16px}.support-ticket-form__grid{grid-template-columns:1fr}.support-message{max-width:90%}.support-thread-head{flex-direction:column}.live-support__welcome form>div{grid-template-columns:1fr}.live-support__panel>header{height:68px}.live-support__welcome{padding:17px;max-height:calc(100dvh - 160px)}}
@media(prefers-reduced-motion:reduce){.live-support__pulse{animation:none}.live-support__panel{animation:none}}
.live-support{left:22px;right:auto;bottom:84px}
.live-support__panel header>div>span:last-child{display:grid;gap:4px}
.live-support__welcome input,.live-support__welcome textarea{width:100%;min-width:0;box-sizing:border-box}
.live-support__welcome form>button{font-family:inherit;font-weight:800;font-size:.8rem}
.live-support__messages,.support-thread-messages{min-height:0;overflow-wrap:anywhere}
.live-support__conversation{min-height:0}
.live-support__message p{font-size:14px}
.live-support__message small{font-size:11px}
.live-support__panel{display:flex;flex-direction:column}
.live-support__panel>header{flex-shrink:0}
.live-support__welcome,.live-support__conversation{min-height:0;flex-shrink:1}
.live-support__composer{flex-shrink:0}
.live-support__tickets{display:block;margin:0 0 12px;color:#315c4b;font-size:12px;text-decoration:underline}
.live-support__closed button{font:inherit;border:0;background:transparent;color:#315c4b;text-decoration:underline;cursor:pointer}
.live-support__panel{max-height:calc(100dvh - 176px)}
@media(max-width:900px){
    .live-support{left:14px;right:auto;bottom:calc(86px + env(safe-area-inset-bottom))}
    .live-support__panel{max-height:calc(100dvh - 92px)}
    .live-support__welcome input,.live-support__welcome textarea,.live-support__composer textarea{font-size:16px}
    .live-support__panel:focus-within{scroll-margin-bottom:12px}
}

/* Physical left/right placement is intentional in the RTL storefront. */
.delivery-status-rail,
.product-editorial-page .delivery-status-rail,
body:has(.catalog-layout) .delivery-status-rail {
    inset: auto 22px 90px auto;
}
@media (min-width: 901px) {
    .live-support__panel { left: 0; right: auto; transform-origin: bottom left; }
}
@media (max-width: 900px) {
    .delivery-status-rail,
    .product-editorial-page .delivery-status-rail,
    body:has(.catalog-layout) .delivery-status-rail {
        inset: auto 14px calc(90px + env(safe-area-inset-bottom)) auto;
    }
}
@media (max-width: 760px) {
    .delivery-status-rail,
    .product-editorial-page .delivery-status-rail,
    body:has(.catalog-layout) .delivery-status-rail {
        bottom: calc(92px + env(safe-area-inset-bottom));
    }
    /* Keep the scroll control outside both corner buttons and their labels. */
    .back-to-top { inset: auto calc(50% - 21px) calc(92px + env(safe-area-inset-bottom)) auto; }
}
.storefront-tooltip[data-kind="support"] { padding-inline-start: 46px; }
.storefront-tooltip[data-kind="support"]::before {
    content: "✦";
    position: absolute;
    top: 14px;
    right: 12px;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(145deg, #59856d, #234c3c);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}