/* Ramadany shop. Uses the theme's tokens (--teal, --brass, --panel…) with fallbacks. */
.rmdd-shop,.rmdd-details,.rmdd-featured,.rmdd-cart,.rmdd-order,.rmdd-resend{--rmdd-r:10px}
.rmdd-shop *,.rmdd-details *,.rmdd-featured *,.rmdd-cart *,.rmdd-order *,.rmdd-resend *{box-sizing:border-box}

/* generated covers */
.rmdd-cover{--c-bg:var(--cv-night,#06303d);--c-ink:#fff;--c-acc:var(--cv-brass,#e5b25d);--c-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.10'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3C/g%3E%3C/svg%3E");
  aspect-ratio:3/4;width:100%;border-radius:4px 8px 8px 4px;background:var(--c-pat),var(--c-bg);color:var(--c-ink);padding:9% 9% 8%;display:flex;box-shadow:inset 6px 0 0 rgba(0,0,0,.14),0 18px 34px -20px rgba(4,40,52,.55);container-type:inline-size;overflow:hidden}
/* One container-relative size per cover; everything inside is sized in em from it. Using cqi on
   each text element made the shop page's layout four times slower on phones. */
.rmdd-cover .c-in{font-size:1cqi;flex:1;display:grid;grid-template-rows:auto 1fr auto auto;gap:4.4em;min-width:0}
.rmdd-cover .c-top{font:500 5.4em/1.25 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--c-acc)}
.rmdd-cover .c-ar{font-family:var(--arabic,serif);direction:rtl;text-align:right;font-size:15em;line-height:1.3;color:var(--c-acc);align-self:center}
.rmdd-cover .c-title{font:400 10.5em/1.08 var(--display,Georgia,serif);color:var(--c-ink);text-wrap:balance}
.rmdd-cover .c-fmt{font:500 4.6em/1.2 var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.rmdd-cover.v-teal{--c-bg:#044e63;--c-acc:#f0c97f}
.rmdd-cover.v-plum{--c-bg:#3b2340;--c-acc:#f0c97f}
.rmdd-cover.v-green{--c-bg:#1f4a3a;--c-acc:#f0c97f}
.rmdd-cover.v-brass{--c-bg:#e5b25d;--c-ink:#241602;--c-acc:#5a3606;--c-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23241602' stroke-opacity='.10'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3C/g%3E%3C/svg%3E")}
.rmdd-cover.v-sand{--c-bg:#f3e3c5;--c-ink:#0d2a33;--c-acc:#9a5f0c;--c-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23044e63' stroke-opacity='.10'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3C/g%3E%3C/svg%3E")}
.rmdd-cover.v-mist{--c-bg:#e3eef0;--c-ink:#0d2a33;--c-acc:#044e63;--c-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23044e63' stroke-opacity='.10'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3C/g%3E%3C/svg%3E")}

/* filters */
.rmdd-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;scrollbar-width:none}
.rmdd-filters a{border:1px solid var(--rule,#d3e0e2);background:var(--panel,#fff);border-radius:999px;padding:.5rem .95rem;font:500 .9rem/1 var(--body,sans-serif);white-space:nowrap;color:var(--ink,#0d2a33);text-decoration:none}
.rmdd-filters a[aria-current="page"]{background:var(--teal,#044e63);border-color:var(--teal,#044e63);color:var(--on-teal,#fff)}

/* grid + cards */
.rmdd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3.5vw,44px) clamp(18px,2.4vw,28px)}
@media (max-width:1000px){.rmdd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.rmdd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.rmdd-grid{grid-template-columns:1fr}}
.rmdd-card{display:grid;gap:12px;grid-template-rows:auto 1fr;align-content:stretch;min-width:0;background:var(--panel,#fff);border:1px solid var(--rule,#d3e0e2);border-radius:14px;padding:14px 14px 18px;transition:box-shadow .2s,transform .2s,border-color .2s}
.rmdd-card:hover{box-shadow:0 12px 30px rgba(6,48,61,.10);border-color:color-mix(in srgb,var(--teal,#044e63) 30%,var(--rule,#d3e0e2))}
.rmdd-card > *{padding-inline:4px}
.rmdd-card > .rmdd-card-link{padding-inline:0}
.rmdd-card > .rmdd-blurb{align-self:start}
.rmdd-card > .rmdd-card-foot{align-self:end}
/* Cards below the fold are laid out only when they come near the screen (much faster on phones). */
.rmdd-grid .rmdd-card{content-visibility:auto;contain-intrinsic-size:auto 31rem}
.rmdd-card-link{display:grid;gap:14px;text-decoration:none;color:inherit}
.rmdd-card-link h3{padding-inline:4px}
.rmdd-card-img{position:relative;aspect-ratio:1;border-radius:var(--rmdd-r);background:var(--teal-wash,#e3eef0);display:grid;place-items:center;padding:12% 20%}
.rmdd-card-img .rmdd-cover{transition:transform .3s}
.rmdd-card-link:hover .rmdd-cover{transform:translateY(-4px) rotate(-1deg)}
.rmdd-card h3{font:600 1.05rem/1.35 var(--body,sans-serif);margin:0;color:var(--ink,#0d2a33)}
.rmdd-card-link:hover h3{color:var(--teal,#044e63)}
.rmdd-blurb{font-size:1rem;color:var(--ink-2,#4d6670);margin:0}
.rmdd-card-foot{display:grid;gap:12px;margin-top:auto;padding-top:6px}
/* A big, clear price and a full-width button on every product card (shop, home, gifts, Umrah & Hajj). */
.rmdd-card-foot .rmdd-price{font:700 1.5rem/1 var(--body,sans-serif);letter-spacing:-.01em}
.rmdd-card-foot .rmdd-price s{font-weight:500;font-size:.62em}
.rmdd-card-foot .btn{width:100%;min-height:48px;font-size:1rem;border-radius:999px;transition:background .15s,color .15s,box-shadow .15s,transform .15s}
.rmdd-card-foot .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(6,48,61,.18)}
.rmdd-card-foot .btn:focus-visible{outline:2px solid var(--focus,#044e63);outline-offset:3px}
.rmdd-card-foot .btn[data-added]{background:var(--brass,#e5b25d);color:var(--brass-ink,#2a1a02)}
.rmdd-price{font:500 .95rem/1 var(--mono,monospace);color:var(--ink,#0d2a33)}
.rmdd-price s{color:var(--ink-2,#4d6670);margin-left:.4em;font-size:.85em}
.rmdd-badge{position:absolute;left:8px;top:8px;font:500 .72rem/1 var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;padding:.38rem .55rem;border-radius:4px;background:var(--sand,#f7ecd9);color:var(--brass-text,#9a5f0c)}
.rmdd-badge.is-inline{position:static;justify-self:start;display:inline-block}

/* product page */
.rmdd-details{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
.rmdd-details-cover{background:var(--teal-wash,#e3eef0);border-radius:16px;padding:12% 18%;position:sticky;top:120px}
.rmdd-details-body{display:grid;gap:16px;align-content:start}
.rmdd-details-body h1{margin:0}
.rmdd-lede{font-size:1.1rem;color:var(--ink-2,#4d6670);margin:0}
.rmdd-includes{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.rmdd-includes li::before{content:"✓";color:var(--teal,#044e63);font-weight:600;margin-right:.55em}
.rmdd-details-price .rmdd-price{font-size:1.6rem}
.rmdd-trust{list-style:none;margin:8px 0 0;padding:16px 0 0;border-top:1px solid var(--rule,#d3e0e2);display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.9rem;color:var(--ink-2,#4d6670)}
.rmdd-trust li::before{content:"✓";color:var(--teal,#044e63);margin-right:.45em}
.rmdd-note{background:var(--sand,#f7ecd9);border-radius:var(--rmdd-r);padding:12px 16px;margin:0}
@media (max-width:820px){.rmdd-details{grid-template-columns:1fr}.rmdd-details-cover{position:static;max-width:24rem}}

/* featured bundle */
.rmdd-featured{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,5vw,3.5rem);align-items:center;background:var(--panel,#fff);border:1px solid var(--rule,#d3e0e2);border-radius:16px;padding:clamp(1.25rem,4vw,2.5rem)}
.rmdd-featured h2{margin:0}
.rmdd-featured h2 a{color:inherit;text-decoration:none}
.rmdd-featured-body{display:grid;gap:14px}
.rmdd-fan{position:relative;display:block;aspect-ratio:1;max-width:26rem;width:100%;justify-self:center;color:inherit;text-decoration:none}
.rmdd-fan .rmdd-cover{transition:transform .3s}
a.rmdd-fan:hover .rmdd-cover:nth-child(2),a.rmdd-fan.is-single:hover .rmdd-cover{transform:translateY(-4px) rotate(-1deg)}
.rmdd-fan .rmdd-cover{position:absolute;width:52%}
.rmdd-fan .rmdd-cover:nth-child(1){left:2%;top:16%;transform:rotate(-8deg)}
.rmdd-fan .rmdd-cover:nth-child(2){left:24%;top:4%;z-index:2}
.rmdd-fan .rmdd-cover:nth-child(3){right:2%;top:18%;transform:rotate(7deg)}
.rmdd-fan.is-single .rmdd-cover{position:static;width:60%;margin:auto}
@media (max-width:820px){.rmdd-featured{grid-template-columns:1fr}.rmdd-fan{max-width:18rem}}

/* cart */
.rmdd-cart{display:grid;gap:20px;max-width:44rem}
.rmdd-cart-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule,#d3e0e2)}
.rmdd-cart-cover{width:64px}
.rmdd-cart-title{font-weight:600;color:var(--ink,#0d2a33);text-decoration:none;display:block}
.rmdd-remove{background:none;border:0;padding:0;color:var(--ink-2,#4d6670);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}
.rmdd-cart-foot{display:grid;gap:10px}
.rmdd-cart-foot[hidden]{display:none}
.rmdd-cart-total{display:flex;justify-content:space-between;font:500 1.15rem/1 var(--mono,monospace)}
.rmdd-error{color:#b3261e;margin:0}
.rmdd-error[hidden]{display:none}

/* order + resend */
.rmdd-order{display:grid;gap:16px;max-width:44rem}
.rmdd-order h2{margin:12px 0 0}
.rmdd-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rmdd-links li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel,#fff);border:1px solid var(--rule,#d3e0e2);border-radius:var(--rmdd-r);padding:10px 14px}
.rmdd-file{font-weight:500;overflow-wrap:anywhere}
.rmdd-personal{background:var(--sand,#f7ecd9);border-radius:16px;padding:clamp(1.25rem,4vw,2rem);display:grid;gap:12px;margin-top:8px}
.rmdd-personal-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
@media (max-width:600px){.rmdd-personal-fields{grid-template-columns:1fr}}
.rmdd-resend{display:grid;gap:12px;max-width:28rem}
.rmdd-msg{margin:0;color:var(--ink-2,#4d6670)}

/* header cart link */
.rmdd-cart-link{position:relative;width:42px;height:42px;display:inline-grid;place-items:center;color:var(--ink,#0d2a33);border-radius:6px}
.rmdd-cart-link:hover{color:var(--teal,#044e63)}
.rmdd-cart-link svg{width:22px;height:22px}
.rmdd-count{position:absolute;top:3px;right:2px;min-width:17px;height:17px;border-radius:9px;background:var(--brass,#e5b25d);color:var(--brass-ink,#2a1a02);font:600 .66rem/17px var(--mono,monospace);text-align:center;padding:0 4px}
.rmdd-count[hidden]{display:none}

/* ---------- product page ---------- */
.rmdd-pp{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,6vw,4.5rem)}
.rmdd-pp *{box-sizing:border-box}
.rmdd-pp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
.rmdd-pp-buy{display:grid;gap:14px;align-content:start;position:sticky;top:110px}
.rmdd-pp-buy h1{margin:0}
.rmdd-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.rmdd-facts li{font:500 .8rem/1 var(--mono,monospace);letter-spacing:.04em;background:var(--teal-wash,#e3eef0);color:var(--ink,#0d2a33);padding:8px 10px;border-radius:999px}
.rmdd-value{font-size:.92rem;color:var(--ink-2,#4d6670);margin:0;border-left:3px solid var(--brass,#e5b25d);padding-left:12px}
.rmdd-pp-toc{display:flex;flex-wrap:wrap;gap:4px 18px;border-top:1px solid var(--rule,#d3e0e2);padding-top:12px}
.rmdd-pp-toc a{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem}
.rmdd-gallery{display:grid;gap:12px;min-width:0}
.rmdd-gal-main{margin:0;background:var(--teal-wash,#e3eef0);border-radius:16px;padding:clamp(12px,3vw,28px);display:grid;gap:8px;justify-items:center}
.rmdd-gal-main img{width:100%;max-width:34rem;height:auto;border-radius:3px;box-shadow:0 0 0 1px var(--rule,#d3e0e2),0 14px 30px -18px rgba(4,40,52,.55);background:#fff}
.rmdd-gal-main figcaption{font:500 .78rem/1.2 var(--mono,monospace);color:var(--ink-2,#4d6670)}
.rmdd-gal-thumbs{list-style:none;margin:0;padding:4px 2px 8px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.rmdd-gal-thumbs li{flex:none;scroll-snap-align:start;position:relative}
.rmdd-gal-thumbs button{display:block;padding:3px;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;min-width:44px;min-height:44px}
.rmdd-gal-thumbs button[aria-current="true"]{border-color:var(--teal,#044e63)}
.rmdd-gal-thumbs button:focus-visible{outline:2px solid var(--teal,#044e63);outline-offset:2px}
.rmdd-gal-thumbs img{display:block;width:72px;height:auto;border-radius:2px;box-shadow:0 0 0 1px var(--rule,#d3e0e2)}
.rmdd-gal-note{margin:0;font-size:.85rem;color:var(--ink-2,#4d6670)}
.rmdd-pp-sec{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:60rem}
.rmdd-pp-sec h2{margin:0}
.rmdd-pp-sec h3{margin:.5rem 0 0;font-size:1.15rem}
.rmdd-pp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rmdd-pp-three > div{background:var(--panel,#fff);border:1px solid var(--rule,#d3e0e2);border-radius:var(--rmdd-r,10px);padding:18px}
.rmdd-pp-three h3{margin:0 0 6px;font:500 .78rem/1.3 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-text,#8a5409)}
.rmdd-pp-three p{margin:0}
.rmdd-inside{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--rule,#d3e0e2)}
.rmdd-inside li{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr) auto;gap:4px 18px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule,#d3e0e2)}
.rmdd-in-title{font-weight:600}
.rmdd-in-line{color:var(--ink-2,#4d6670);font-size:.95rem}
.rmdd-in-pages{font:500 .8rem/1 var(--mono,monospace);color:var(--teal,#044e63);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:640px){.rmdd-inside li{grid-template-columns:minmax(0,1fr) auto}.rmdd-in-line{grid-column:1/-1;grid-row:2}}
.rmdd-tbl{position:relative;overflow-x:auto;border:1px solid var(--rule,#d3e0e2);border-radius:var(--rmdd-r,10px)}
.rmdd-files{border-collapse:collapse;width:100%;min-width:640px;font-size:.94rem}
.rmdd-files th,.rmdd-files td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--rule,#d3e0e2)}
.rmdd-files thead th{font:500 .72rem/1.3 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2,#4d6670);background:var(--mist,#f3f7f7)}
.rmdd-files tbody tr:last-child > *{border-bottom:0}
.rmdd-files td{font-variant-numeric:tabular-nums}
.rmdd-file-name{display:block;font:400 .78rem/1.3 var(--mono,monospace);color:var(--ink-2,#4d6670);margin-top:4px;overflow-wrap:anywhere}
.rmdd-pp-notes{margin:0;padding-left:1.1em;display:grid;gap:6px}
.rmdd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:12px;counter-reset:st}
.rmdd-steps li{counter-increment:st;background:var(--mist,#f3f7f7);border-radius:var(--rmdd-r,10px);padding:16px}
.rmdd-steps h4{margin:0 0 4px;font-size:1rem}
.rmdd-steps h4::before{content:counter(st) " · ";color:var(--brass-text,#8a5409);font-family:var(--mono,monospace)}
.rmdd-steps p{margin:0;font-size:.95rem}
.rmdd-pp-city{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.rmdd-pp-how{margin:0;padding-left:1.2em;display:grid;gap:8px}
.rmdd-pp-samples{margin:0;display:flex;gap:10px;flex-wrap:wrap}
.rmdd-pp-samples a{flex:1 1 9rem}
.rmdd-pp-samples img{width:100%;height:auto;box-shadow:0 0 0 1px var(--rule,#d3e0e2);border-radius:3px;background:#fff}
.rmdd-pp-samples figcaption{flex-basis:100%;font-size:.85rem;color:var(--ink-2,#4d6670)}
.rmdd-notice.is-hero{margin:4px 0 14px;font-size:.95rem;line-height:1.45;padding:12px 14px}
.rmdd-notice{margin:0;max-width:60rem;background:var(--sand,#f7ecd9);border:2px solid var(--brass,#e5b25d);border-radius:var(--rmdd-r,10px);padding:16px 18px;font-weight:600}
.rmdd-faq{display:grid;gap:0;border-top:1px solid var(--rule,#d3e0e2)}
.rmdd-faq details{border-bottom:1px solid var(--rule,#d3e0e2)}
.rmdd-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600;padding:10px 0}
.rmdd-faq details p{margin:0 0 14px}
@media (max-width:900px){.rmdd-pp-hero{grid-template-columns:minmax(0,1fr)}.rmdd-pp-buy{position:static}.rmdd-pp-three,.rmdd-pp-city{grid-template-columns:1fr}}

/* Free download by email */
.rmdd-claim{display:grid;gap:12px;max-width:30rem}
.rmdd-claim .rmdd-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.4;cursor:pointer}
.rmdd-claim .rmdd-check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--teal,#044e63)}
.rmdd-claim .btn{justify-self:start}
.rmdd-claim .form-hint{margin:0}
.rmdd-claim .rmdd-msg:empty{display:none}
.rmdd-claim .rmdd-msg.is-error{color:#9b2c1f}
.rmdd-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.rmdd-claim-done{max-width:30rem;padding:16px 18px;border:1px solid var(--rule,#d3e0e2);border-left:4px solid var(--teal,#044e63);border-radius:var(--rmdd-r,10px);background:var(--panel,#fff)}
.rmdd-claim-done:focus{outline:2px solid var(--teal,#044e63);outline-offset:3px}
.rmdd-claim-done .rmdd-claim-title{font-weight:600;margin:0 0 4px}
.rmdd-claim-done p{margin:0}
/* Buying from: the country decides the checkout (US: no tax; elsewhere: Managed Payments). */
.rmdd-country{display:grid;gap:6px;margin:4px 0}
.rmdd-country-line{margin:0;font-size:.95rem}
.rmdd-country-line b{font-weight:600}
.rmdd-linkbtn{background:none;border:0;padding:0 2px;color:var(--teal,#044e63);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-height:24px}
.rmdd-linkbtn:focus-visible{outline:2px solid var(--focus,#044e63);outline-offset:2px}
.rmdd-country-pick{max-width:22rem}
.rmdd-country-pick[hidden]{display:none}
.rmdd-country-note{margin:0}


/* The "Ready by Ramadan emails" box (claim form, product buy box, cart). */
.rmdd-optin{margin:.85rem 0 .25rem}
.rmdd-optin .rmdd-check{display:flex;gap:.55rem;align-items:flex-start;font-weight:500}
.rmdd-optin .rmdd-check input{margin-top:.2rem;flex:none;width:1.1rem;height:1.1rem}
.rmdd-optin .rmdd-optin-help{margin:.3rem 0 0 1.65rem;font-size:.85rem;line-height:1.5;color:var(--ink-2,#4d6670)}
/* "See inside" flip-through (Family Kit and Two Families Kit). */
.rmdd-flip{display:grid;gap:12px;min-width:0}
.rmdd-flip-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 12px;scroll-behavior:smooth}
.rmdd-flip-page{flex:0 0 min(30rem,86vw);scroll-snap-align:start;margin:0;display:grid;gap:8px;align-content:start}
.rmdd-flip-page img{width:100%;height:auto;border:1px solid var(--rule,#d3e0e2);border-radius:6px;background:#fff;box-shadow:0 6px 20px rgba(6,48,61,.10)}
.rmdd-flip-page figcaption{font-size:.9rem;color:var(--ink-2,#4d6670)}
.rmdd-flip-num{display:block;font:500 .72rem/1.3 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.rmdd-flip-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rmdd-flip-sample{margin:16px 0 0;padding:14px 18px;background:var(--sand,#f7ecd9);border-radius:8px;max-width:48rem}
@media (prefers-reduced-motion:reduce){.rmdd-flip-track{scroll-behavior:auto}}
.rmdd-city-pick{margin:10px 0 0}
.rmdd-slot{border-top:1px solid var(--rule,#d3e0e2);padding-top:18px;margin-top:18px}
.rmdd-slot:first-of-type{border-top:0;padding-top:0;margin-top:0}