.pg-head{padding-block:clamp(40px,6vw,80px) clamp(24px,4vw,40px);display:grid;gap:14px;max-width:var(--max)}
.pg-head h1{font-size:clamp(34px,5vw,60px)}
.pg-head p:not(.eyebrow){color:var(--bronze-soft);max-width:60ch;font-size:17px}
.sk-light{min-height:260px;background:linear-gradient(90deg,var(--sand),#f3ebdd,var(--sand));background-size:200% 100%;animation:sk 1.6s linear infinite;border:0}
.svc-err{color:var(--bad);padding-block:24px}

/* packages list */
.pk-list{display:grid;gap:28px;margin-block-start:8px}
.pk-row{display:grid;gap:0;border:1px solid var(--sand-2);border-radius:16px;overflow:hidden;background:var(--white)}
.pk-row-img{display:block;aspect-ratio:3/2;background:var(--sand)}
.pk-row-img img{width:100%;height:100%;object-fit:cover}
.pk-row-body{padding:24px;display:grid;gap:14px;align-content:start;justify-items:start}
.pk-row-body h2{font-size:clamp(22px,2.4vw,30px)}
.pk-row-body h2 a{text-decoration:none}
.pk-more{width:100%}
.pk-more summary{cursor:pointer;color:var(--bronze-deep);font-weight:500;padding-block:8px;min-height:44px;display:flex;align-items:center}
.rich{color:var(--bronze-ink);font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.rich p{margin-block:0 .6em}
.rich img{display:none}
@media (min-width:860px){.pk-row{grid-template-columns:.8fr 1.4fr}.pk-row-img{aspect-ratio:auto;min-height:260px}}

/* product / booking */
.pd{padding-block:24px clamp(48px,7vw,96px)}
.pd-back{margin-block-end:20px}
.pd-grid{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.pd-grid{grid-template-columns:1.1fr 1fr;gap:64px}.pd-panel{position:sticky;top:calc(var(--header-h) + 20px)}}
.pd-photo{border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--sand);margin-block-end:24px}
.pd-photo img{width:100%;height:100%;object-fit:cover}
.pd-info h1{font-size:clamp(30px,4vw,48px);margin-block-end:10px}
.pd-rate{color:var(--bronze-deep);font-weight:500;margin-block-end:14px}
.pd-panel{display:grid;gap:16px}
.bk{background:var(--white);border:1px solid var(--sand-2);border-radius:16px;padding:20px;display:grid;gap:22px}
.bk-step h2{font-size:17px;font-family:var(--font-body);font-weight:500;margin-block-end:10px}
.bk-step[hidden]{display:none}
.bk-loading{color:var(--bronze-soft)}
.bk-month{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-end:10px}
.bk-month span{font-family:var(--font-display);font-size:18px}
.mbtn{width:44px;height:44px;border-radius:999px;border:1px solid var(--sand-2);background:var(--cream);font-size:22px;line-height:1}
[dir="rtl"] .mbtn{transform:scaleX(-1)}
.days{display:flex;gap:8px;overflow-x:auto;padding-block:4px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.day{flex:none;scroll-snap-align:start;width:60px;min-height:68px;border:1px solid var(--sand-2);background:var(--cream);border-radius:12px;display:grid;place-items:center;align-content:center;gap:2px;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}
.day-wd{font-size:12px;color:var(--bronze-soft)}
.day-n{font-family:var(--font-display);font-size:20px}
.day[aria-checked="true"]{background:var(--bronze-deep);border-color:var(--bronze-deep);color:var(--cream)}
.day[aria-checked="true"] .day-wd{color:var(--sand-2)}
.tgroup+.tgroup{margin-block-start:14px}
.tgroup h3{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--bronze-soft);margin-block-end:8px}
.times{display:flex;flex-wrap:wrap;gap:8px}
.time{min-width:92px;min-height:46px;padding:0 14px;border:1px solid var(--sand-2);border-radius:10px;background:var(--cream);font-size:16px;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,transform 160ms var(--ease-out)}
.time:active{transform:scale(.97)}
.time[aria-pressed="true"]{background:var(--bronze-deep);border-color:var(--bronze-deep);color:var(--cream)}
@media (hover:hover) and (pointer:fine){.time:hover:not([aria-pressed="true"]),.day:hover:not([aria-checked="true"]),.chip:hover:not([aria-checked="true"]){border-color:var(--bronze)}}
.chips,.sub-prices{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:46px;padding:8px 16px;border:1px solid var(--sand-2);border-radius:12px;background:var(--cream);display:inline-flex;gap:10px;align-items:center;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}
.chip[aria-checked="true"]{border-color:var(--bronze-deep);background:var(--sand);box-shadow:inset 0 0 0 1px var(--bronze-deep)}
.bk-empty,.bk-err{color:var(--bad);font-size:15px}
.bk-empty{color:var(--bronze-soft)}
.bk-retry{display:grid;gap:10px;justify-items:start}
.bk-summary{background:var(--sand);border-radius:16px;padding:20px;display:grid;gap:14px}
.bk-summary dl{margin:0;display:grid;gap:8px}
.bk-summary dl>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.bk-summary dt{color:var(--bronze-soft);font-size:15px}
.bk-summary dd{margin:0;font-weight:500;text-align:end}
.bk-summary dd.num{font-family:var(--font-display);font-size:24px;color:var(--bronze-deep)}
.bk-summary .btn{width:100%}
@media (max-width:959px){.bk-summary{position:sticky;bottom:0;margin-inline:calc(var(--gutter) * -1);padding:14px var(--gutter) max(14px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;box-shadow:0 -8px 24px rgb(59 45 30 / .12);z-index:6}}
.pk-notice--panel{margin:0}
.pk-notice--panel p+p{margin-block-start:8px}

/* cart */
.cart{padding-block-end:clamp(48px,7vw,96px)}
.cart-empty{display:grid;gap:18px;justify-items:start;padding-block:24px}
.cart-main{display:grid;gap:28px;align-items:start}
@media (min-width:900px){.cart-main{grid-template-columns:1.5fr 1fr;gap:56px}.cart-total{position:sticky;top:calc(var(--header-h) + 20px)}}
.cart-line{display:flex;justify-content:space-between;gap:18px;padding-block:20px;border-block-end:1px solid var(--sand-2)}
.cl-info h2{font-size:20px;font-family:var(--font-body);font-weight:500}
.cl-when{color:var(--bronze-ink);margin-block-start:6px}
.cl-with{color:var(--bronze-soft);font-size:14px}
.cl-side{display:grid;justify-items:end;align-content:space-between;gap:6px}
.cl-price{font-family:var(--font-display);font-size:22px;color:var(--bronze-deep)}
.cart-total{background:var(--sand);border-radius:16px;padding:22px;display:grid;gap:14px}
.cart-total dl{margin:0}
.cart-total dl>div{display:flex;justify-content:space-between;align-items:baseline}
.cart-total dd{margin:0;font-family:var(--font-display);font-size:30px;color:var(--bronze-deep)}
.cart-total .btn{width:100%}
.cart-secure{font-size:13px;color:var(--bronze-soft)}

/* account, done */
.acc{padding-block-end:clamp(48px,7vw,96px);display:grid;gap:20px}
.acc>div{display:grid;gap:18px;justify-items:start}
.orders{display:grid;gap:16px;width:100%}
.order{background:var(--white);border:1px solid var(--sand-2);border-radius:14px;padding:20px;display:grid;gap:10px}
.order-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.order-head h2{font-size:18px}
.order-date{color:var(--bronze-soft);font-size:14px}
.order-lines{display:grid;gap:6px}
.order-lines li{display:grid;gap:2px}
.order-lines span{color:var(--bronze-soft);font-size:14px}
.order-total{font-family:var(--font-display);font-size:20px;color:var(--bronze-deep)}
.done{padding-block:clamp(56px,10vw,140px);display:grid;gap:20px;justify-items:start;max-width:640px}
.done h1{font-size:clamp(28px,4vw,44px)}
.done-next{border-inline-start:2px solid var(--bronze);padding-inline-start:16px;color:var(--bronze-soft)}
.done-next strong{color:var(--bronze-deep)}
.done-actions{display:flex;flex-wrap:wrap;gap:12px}
.pol{padding-block-end:24px;max-width:860px}
.pol-agree{margin-block-start:28px;font-weight:500;color:var(--bronze-deep)}
@media (prefers-reduced-motion:reduce){.sk-light{animation:none}}

/* package page */
.pk-period{color:var(--bronze-deep);font-weight:500;margin-block-end:14px}
.pk-inc-h{font-family:var(--font-body);font-size:16px;font-weight:500;margin-block:6px 10px}
.pk-inc{display:grid;gap:8px;margin-block-end:20px;padding:16px 18px;border:1px solid var(--sand-2);border-radius:14px;background:var(--white)}
.pk-inc li{display:flex;gap:12px;align-items:baseline}
.pk-inc-n{min-width:2.4em;font-family:var(--font-display);color:var(--bronze-deep)}
.pk-after{font-size:14px;color:var(--bronze-soft);line-height:1.7}
.pk-after strong{color:var(--bronze-deep);font-weight:500}
.pk-start-note{font-size:13px;color:var(--bronze-soft)}

.pg-head{display:grid;gap:10px;padding-block:clamp(28px,4vw,56px) clamp(16px,3vw,28px);width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.pg-head h1{font-size:clamp(28px,4vw,46px)}
.pg-head p:not(.eyebrow){color:var(--soft);max-width:62ch}
.pg-body{padding-block-end:clamp(40px,6vw,80px)}
.pk-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--bronze);border-radius:var(--r);background:var(--white);font-size:15px;margin-block-end:18px}
.pk-note svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--bronze-deep);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-block-start:2px}
.pkg-p{display:flex;align-items:baseline;gap:8px;font-size:24px;font-weight:500;color:var(--bronze-deep)}
.pkg-p .was{font-size:15px;color:var(--soft);font-weight:400}
.pk-notice{display:flex;gap:16px;align-items:flex-start;padding:16px 20px;border:1px solid var(--bronze);border-radius:var(--r);background:var(--white);margin-block-end:18px}
.pk-notice p{font-size:15px;margin-block-start:4px}
.pk-notice strong{color:var(--bronze-deep);font-weight:500}
.pol-agree{margin-block-start:24px;font-weight:500;color:var(--bronze-deep)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--bronze-deep);text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:2px}
.eyebrow{font-size:14px}
.sub-why{display:block;font-size:12px;color:var(--soft);word-break:break-word}

/* subscription start date */
.pd-panel .fld input[type="date"]{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);font:inherit;font-size:16px;color:var(--ink);direction:ltr;text-align:start}
.pd-panel .fld input[type="date"]:focus{outline:2px solid var(--bronze-deep);outline-offset:1px}
.pd-panel .fld>span{font-weight:500}

/* MY ACCOUNT: a side menu and the details, like the original site */
.acc2{padding-block-end:clamp(40px,6vw,80px)}
.acc-load{color:var(--soft)}
.acc2-grid{display:grid;gap:18px}
@media (min-width:900px){.acc2-grid{grid-template-columns:300px 1fr;gap:32px;align-items:start}.acc2-side{position:sticky;top:calc(var(--head) + 16px)}}
.acc2-side{background:var(--sand);border-radius:var(--r);padding:18px;display:grid;gap:14px}
.acc2-me{display:grid;justify-items:center;gap:2px;padding-block:6px 4px;text-align:center}
.acc2-avatar{width:64px;height:64px;border-radius:16px;background:var(--cream);display:grid;place-items:center;margin-block-end:6px}
.acc2-avatar svg,.acc2-tabs svg,.acc2-out svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.acc2-avatar svg{stroke:var(--bronze)}
.acc2-name{font-size:18px;font-weight:500}
.acc2-phone{font-size:14px;color:var(--soft)}
.acc2-tabs{display:grid;gap:8px}
@media (max-width:899px){.acc2-tabs{grid-template-columns:repeat(2,1fr)}}
.acc2-tabs button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border:0;border-radius:12px;background:var(--white);font-size:15px;text-align:start;transition:background-color 150ms ease,color 150ms ease}
.acc2-tabs button[aria-selected="true"]{background:var(--bronze-deep);color:var(--cream)}
.acc2-out{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--bad);font-size:15px}
.acc2-main h2{font-size:clamp(22px,3vw,30px);margin-block-end:14px}
.acc2-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:8px;margin-block-end:12px}
.acc2-card-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.acc2-card-h h3{font-size:17px}
.acc2-when{font-size:14px;color:var(--soft)}
.acc2-card-f{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:500;color:var(--bronze-deep)}
.acc2-badge{flex:none;padding:3px 12px;border-radius:999px;background:var(--sand);color:var(--ink);font-size:13px;font-weight:500}
.acc2-badge.done{background:#E6EFDD;color:#3E5A2F}
.acc2-badge.bad{background:#F5E0DB;color:var(--bad)}
.acc2-inv{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid currentColor;border-radius:999px;font-size:14px;color:var(--bronze-deep);text-decoration:none;transition:background-color 150ms ease}.acc2-inv:hover{background:var(--sand)}
.acc2-card-f--end{justify-content:flex-end}
.acc2-items{display:grid;gap:6px;font-size:15px}
.acc2-items li{display:flex;justify-content:space-between;gap:12px}
.acc2-total{display:flex;justify-content:space-between;padding-block-start:8px;border-block-start:1px dashed var(--line);font-weight:500}
.acc2-empty{display:grid;justify-items:center;gap:8px;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--soft)}
.acc2-empty strong{color:var(--ink);font-size:18px}
.acc2-form{display:grid;gap:4px;max-width:480px}
.acc2-form select{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);font:inherit;font-size:16px}
.acc2-ok{color:#3E5A2F;font-size:15px;margin-block-end:8px}

/* PRODUCT PAGE (bags, gift cards): price, quantity, add to cart */
.pd-lead{color:var(--soft);font-size:17px;margin-block-end:14px}
.mc-box{display:grid;gap:16px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.mc-box dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-block-start:14px;border-block-start:1px dashed var(--line);font-weight:500}
.mc-box .btn{width:100%;min-height:50px}
.mc-qty{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:500}
.mc-qty .bk-stepper{display:flex;align-items:center;height:46px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--cream)}
.mc-qty .bk-stepper button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:999px;background:transparent;color:var(--ink)}
.mc-qty .bk-stepper button:disabled{opacity:.35}
.mc-qty .bk-stepper span{min-width:34px;text-align:center;font-weight:600}
.mc-added p{display:flex;align-items:center;gap:8px;color:#3E5A2F;font-weight:500}
.mc-added svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mc-out{padding:12px 14px;border-radius:12px;background:var(--sand);font-weight:500}
.cl-qty{font-size:14px;color:var(--soft)}
/* short phones and phones on their side: a pinned price bar would cover most of the screen, so it sits in the page */
@media (max-width:959px) and (max-height:720px){.bk-summary{position:static;margin-inline:0;padding:18px;border-radius:16px;box-shadow:none}}