/** Shopify CDN: Minification failed

Line 9:48 Expected ")" to end URL token
Line 10:46 Expected ")" to end URL token
Line 11:44 Expected ")" to end URL token

**/
/* === REF BASE (Playfair + Script + Sans) === */
@font-face{font-family:"RefPlayfair";src:url({{ 'playfairdisplay-700.woff2' | asset_url }}) format('woff2');font-display:swap;font-weight:700;font-style:normal}
@font-face{font-family:"RefScript";src:url({{ 'greatvibes-regular.woff2' | asset_url }}) format('woff2');font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:"RefSans";src:url({{ 'montserrat-400.woff2' | asset_url }}) format('woff2');font-display:swap;font-weight:400;font-style:normal}

:root{
  --ref-max:1200px;
  --ink:#1d1d1d;
  --text:#2a2a2a;
  --muted:#6b6b6b;
  --chip:#f5f1f0;
  --accent:#f2e6e4;              /* «пудровая» окружность */
  --stroke:#e8d7d3;              /* бледно-розовый бордер */
  --dash:#e9dfdd;
  --br:26px;
}

.ref-wrap{max-width:var(--ref-max);margin:0 auto;padding:28px 24px 80px;color:var(--text);font-family:"RefSans","Montserrat",system-ui,-apple-system,Arial,sans-serif}
.ref-top-gap{height:6px}

/* Заголовки */
.ref-title{
  font-family:"RefPlayfair","Playfair Display",Georgia,serif;
  font-weight:700;color:var(--ink);
  font-size:clamp(40px,4.5vw,52px);
  letter-spacing:.02em; margin:0 0 10px;
}
.ref-sub{
  font-family:"RefScript","Great Vibes",cursive;
  font-size:clamp(24px,2.6vw,34px);
  text-align:right; color:#000; opacity:.92; margin:0 0 14px;
  position:relative;
}
.ref-sub:after{content:"";display:block;width:120px;height:2px;background:#0001;margin:12px 0 0 auto;border-radius:6px}

/* Две колонки (Про нас) */
.ref-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:36px;align-items:start}
@media(max-width:1000px){.ref-grid{grid-template-columns:1fr}}

.ref-lead{max-width:640px;font-size:17px;line-height:1.75;margin:4px 0 22px}

/* Блоки с иконкой слева и БОЛЬШИМ Playfair-заголовком */
.ref-bullet{display:grid;grid-template-columns:76px 1fr;gap:18px;margin:0 0 18px}
.ref-ico{
  width:76px;height:76px;border-radius:50%;
  display:grid;place-items:center;background:#fff;
  border:1px solid var(--stroke)
}
.ref-ico::before{content:"";position:absolute;transform:translateZ(0)}
.ref-ico svg{width:28px;height:28px;color:#b48f89;opacity:.9}
.ref-h3{
  font-family:"RefPlayfair","Playfair Display",Georgia,serif;
  text-transform:uppercase; letter-spacing:.06em;
  font-weight:700; color:var(--ink);
  font-size:clamp(22px,2.7vw,30px); line-height:1.15; margin:8px 0 10px
}
.ref-bullet div > div{max-width:640px;font-size:16.6px;line-height:1.7}

/* Карточка с фото и «пудровым» кругом */
.ref-imgCard{position:relative;border-radius:var(--br);overflow:hidden}
.ref-imgCard img{display:block;width:100%;height:auto;border-radius:var(--br)}
.ref-blob{position:absolute;right:-14%;top:-12%;width:85%;aspect-ratio:1/1;background:var(--accent);border-radius:50%;z-index:0;filter:blur(.4px)}
.ref-imgCard>*{position:relative;z-index:1}

/* ====== КЛІЄНТАМ: 2 колонки (лево intro + большое фото; справа карточка) ====== */
.ref-twoCol{display:grid;grid-template-columns:1.06fr .9fr;gap:30px;align-items:start}
@media(max-width:1060px){.ref-twoCol{grid-template-columns:1fr}}
.ref-intro p{max-width:720px;margin:0 0 14px;font-size:17px;line-height:1.75}
.ref-hero{margin-top:18px;border-radius:var(--br);overflow:hidden}
.ref-hero img{display:block;width:100%;height:auto}

.ref-sticky{position:sticky;top:86px}
@media(max-width:1060px){.ref-sticky{position:static}}

.ref-sideCard{background:#fff;border:1px solid var(--stroke);border-radius:22px;padding:18px}
.ref-sideRow{padding:16px 8px}
.ref-sideRow + .ref-sideRow{border-top:1px dashed var(--dash)}
.ref-sideTitle{
  font-family:"RefPlayfair","Playfair Display",Georgia,serif;
  font-size:20px;font-weight:700;color:var(--ink);margin:0 0 12px
}
.ref-deliveryGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.ref-deliveryGrid .lbl{color:var(--muted)}
.ref-deliveryGrid .val{font-weight:700;color:#000}
.ref-payRow{display:flex;flex-wrap:wrap;gap:12px}
.ref-payBadge{height:28px;padding:4px 12px;border-radius:999px;background:var(--chip);border:1px solid var(--stroke);font-size:13px;display:inline-flex;align-items:center}
.ref-messengers{display:flex;gap:10px}
.ref-messengers a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--chip);border:1px solid var(--stroke);text-decoration:none;font-weight:700}
