@font-face{font-family:Tajawal;src:url("/fonts/tajawal-700.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url('/fonts/tajawal-400.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}.bio-public{margin:0;background:#eef2f6;font-family:Tajawal,Arial,sans-serif}.bio-page{--bio-accent:#1689ad;--bio-bg:#fff;--bio-text:#191538;--bio-muted:#616a7b;--bio-surface:#f4f6f9;--bio-line:#e0e5ec;background:var(--bio-bg);color:var(--bio-text);font-family:Tajawal,Arial,sans-serif;text-align:center;padding:38px 24px 24px;max-width:680px;margin:24px auto;border-radius:24px;min-height:600px;overflow-wrap:anywhere;border-top:5px solid var(--bio-accent)}.bio-page.theme-dark{--bio-bg:#17182a;--bio-text:#f8fafc;--bio-muted:#c0c8d6;--bio-surface:#24263c;--bio-line:#3e435b}
/* 0.32: surfaces take a hint of the primary colour so cards match the brand (no more navy cards on a brown page). */
.bio-page.theme-dark:not(.has-base){--bio-bg:color-mix(in srgb,var(--bio-accent) 10%,#141519);--bio-surface:color-mix(in srgb,var(--bio-accent) 17%,#1b1c22);--bio-line:color-mix(in srgb,var(--bio-accent) 28%,#33353e)}
.bio-page.theme-light:not(.has-base){--bio-surface:color-mix(in srgb,var(--bio-accent) 7%,#f6f7f9);--bio-line:color-mix(in srgb,var(--bio-accent) 16%,#e3e6eb)}.bio-logo{width:96px;height:96px;object-fit:contain;display:block;margin:0 auto 18px;background:#fff;padding:8px;border:1px solid var(--bio-line);border-radius:22px}.bio-avatar{width:80px;height:80px;display:grid;place-items:center;background:var(--bio-surface);border:2px solid var(--bio-accent);border-radius:50%;font-size:36px;font-weight:bold;margin:0 auto 18px}.bio-eyebrow{font-size:12px;letter-spacing:.5px;color:var(--bio-muted);margin:10px 0}.bio-page h1{font-size:30px;line-height:1.4;margin:8px 0;color:var(--bio-text)}.bio-description{font-size:16px;line-height:1.9;white-space:pre-line;color:var(--bio-muted);margin:12px auto 26px;max-width:460px}.bio-links{display:grid;gap:12px}.bio-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:var(--bio-surface);color:var(--bio-text);border:1px solid var(--bio-line);border-inline-start:4px solid var(--bio-accent);border-radius:13px;text-decoration:none;font-weight:bold;min-height:54px;transition:transform .15s,border-color .15s}.bio-links a:hover{transform:translateY(-2px);border-color:var(--bio-accent)}.bio-page a:focus-visible{outline:3px solid var(--bio-accent);outline-offset:4px}.bio-section-title{font-size:20px;text-align:start;margin:30px 0 16px;color:var(--bio-text)}.bio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:start}.bio-card{border:1px solid var(--bio-line);background:var(--bio-surface);border-radius:15px;overflow:hidden;min-width:0}.bio-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;display:block}.bio-card-body{padding:16px}.bio-card h3{font-size:19px;line-height:1.5;margin:0 0 8px;color:var(--bio-text)}.bio-card p{font-size:14px;line-height:1.8;color:var(--bio-muted);white-space:pre-line}.bio-card a{display:block;padding:11px;border:1px solid var(--bio-line);border-radius:9px;text-align:center;font-size:14px;background:var(--bio-bg);color:var(--bio-text);text-decoration:none;margin-top:14px}.bio-card a:hover{border-color:var(--bio-accent)}.bio-price{font-size:15px;display:block}.bio-footer{margin-top:36px;padding-top:20px;border-top:1px solid var(--bio-line);font-size:13px;color:var(--bio-muted)}.bio-footer a{color:var(--bio-text);text-decoration:none;display:block;padding:6px}.bio-footer small{display:block;line-height:1.7;margin:8px}.bio-footer a:last-child{font-size:11px;color:var(--bio-muted)}.bio-page.type-creator .bio-logo{border-radius:50%}.bio-page.type-creator .bio-links a{border-radius:30px;border-inline-start-width:1px;border-bottom:3px solid var(--bio-accent)}@media(max-width:540px){.bio-public{background:#fff}.bio-page{margin:0;border-radius:0;padding:30px 18px 20px;min-height:100dvh}.bio-page h1{font-size:27px}.bio-cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bio-links a{transition:none}}
/* v0.8.1: profile, compact socials and direct contact. */
.bio-page .bio-logo{background:transparent;border:0;padding:0;object-position:var(--logo-x,50%) var(--logo-y,50%)}.bio-page .bio-logo.shape-logo{width:auto;max-width:min(240px,calc(86% / var(--logo-scale,1)));height:96px;object-fit:contain;border-radius:0}.bio-page .bio-logo.shape-circle{width:96px;height:96px;object-fit:cover;border-radius:50%}.bio-page .bio-logo.shape-rounded{width:96px;height:96px;object-fit:cover;border-radius:18px}.bio-page .bio-logo.bg-light{background:#fff;padding:5px}.bio-page .bio-logo.bg-dark{background:#17182a;padding:5px}.bio-socials{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.bio-socials a{width:46px;height:46px;display:grid;place-items:center;background:var(--bio-surface);border:1px solid var(--bio-line);color:var(--bio-text);border-radius:50%;text-decoration:none;flex-shrink:0}.bio-socials svg{width:22px;height:22px;display:block}.bio-socials a:hover{background:#bce3f4;color:#17123c;border-color:#bce3f4}.bio-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 24px}.bio-contact a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:12px 16px;border:1px solid var(--bio-line);border-radius:12px;background:var(--bio-surface);color:var(--bio-text);text-decoration:none;font-size:14px;font-weight:700;flex:1 1 140px}.bio-contact .bio-whatsapp{background:#126b48;color:white;border-color:#126b48;flex-basis:100%}.bio-contact a:hover{background:#bce3f4;color:#17123c;border-color:#bce3f4}.bio-cards.single-card{grid-template-columns:minmax(0,1fr);max-width:440px;margin-inline:auto}.bio-cards.single-card .bio-card>img{max-height:300px}.bio-page .bio-description{margin-bottom:18px}
/* v0.8.4: paid design vocabulary; same rules power editor and public page. */
.bio-page .bio-intro{display:block;background:transparent;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;position:relative;color:var(--bio-text)}


.bio-page.template-boutique{border-top:0;border:1px solid var(--bio-line);padding-top:42px;box-shadow:0 16px 50px #1822380c}
.bio-page.template-boutique .bio-intro{border-bottom:1px solid var(--bio-line);padding-bottom:18px;margin-bottom:20px}
.bio-page.template-boutique .bio-eyebrow{display:inline-block;border-block:1px solid var(--bio-accent);padding:7px 18px;letter-spacing:1px}
.bio-page.template-boutique .bio-links a{border-inline-start-width:1px;border-radius:4px;background:var(--bio-bg);box-shadow:4px 4px 0 var(--bio-surface)}
.bio-page.template-boutique .bio-card{border-radius:4px;background:var(--bio-bg)}
.bio-page.template-boutique .bio-section-title{border-inline-start:3px solid var(--bio-accent);padding-inline-start:12px}
.bio-page.template-studio{border-top:0;border-inline-start:6px solid var(--bio-accent)}
.bio-page.template-studio .bio-intro{padding:24px;background:var(--bio-surface);border:1px solid var(--bio-line);border-radius:18px;margin-bottom:24px}
.bio-page.template-studio .bio-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.bio-page.template-studio .bio-links a{border-inline-start-width:1px;border-bottom:3px solid var(--bio-accent);min-height:76px}
.bio-page.template-studio .bio-card{background:var(--bio-bg);border-radius:18px}
.bio-page.template-spotlight{border-top:0;background:linear-gradient(155deg,color-mix(in srgb,var(--bio-accent) 14%,var(--bio-bg)),var(--bio-bg) 48%)}
.bio-page.template-spotlight .bio-intro{padding-top:12px}
.bio-page.template-spotlight .bio-eyebrow{display:inline-block;background:var(--bio-surface);padding:7px 16px;border-radius:30px;border:1px solid var(--bio-line)}
.bio-page.template-spotlight h1{font-size:36px;letter-spacing:-.6px}
.bio-page.template-spotlight .bio-links a{border-radius:28px;border-inline-start-width:1px;box-shadow:0 6px 0 color-mix(in srgb,var(--bio-accent) 20%,var(--bio-bg));margin-bottom:5px;background:var(--bio-bg)}
.bio-page.template-spotlight .bio-card{border-radius:22px;background:var(--bio-bg)}
.bio-page.align-start .bio-intro{text-align:start}.bio-page.align-start .bio-intro .bio-logo,.bio-page.align-start .bio-avatar{margin-inline:0 auto}.bio-page.align-start .bio-description{margin-inline:0 auto}
.bio-page.buttons-pill .bio-links a,.bio-page.buttons-pill .bio-card a{border-radius:30px}.bio-page.buttons-square .bio-links a,.bio-page.buttons-square .bio-card a{border-radius:3px}
.bio-page.cards-list .bio-cards{grid-template-columns:1fr;max-width:none}.bio-page.cards-list .bio-card{display:flex;align-items:stretch}.bio-page.cards-list .bio-card>img{width:38%;height:auto;aspect-ratio:1;object-fit:contain}.bio-page.cards-list .bio-card-body{flex:1;min-width:0}.bio-page.cards-list .bio-card h3{font-size:18px}
@media(max-width:540px){.bio-page.template-boutique{padding-top:30px}.bio-page.template-spotlight h1{font-size:29px}.bio-page.template-studio .bio-links{grid-template-columns:1fr}.bio-page.template-studio .bio-intro{padding:20px 16px}.bio-page.cards-list .bio-card-body{padding:12px}.bio-page.cards-list .bio-card h3{font-size:16px}}

/* v0.8.5: user artwork is the page background, never a top banner. */
.bio-page.has-background{background-image:linear-gradient(rgb(255 255 255 / var(--background-shade,.55)),rgb(255 255 255 / var(--background-shade,.55))),var(--page-background);background-size:cover,cover;background-position:center,center var(--background-y,50%);background-repeat:no-repeat;}
.bio-page.has-background.theme-dark{background-image:linear-gradient(rgb(23 24 42 / var(--background-shade,.55)),rgb(23 24 42 / var(--background-shade,.55))),var(--page-background)}
/* The veil over a background image is the page colour itself. */
.bio-page.has-background.theme-dark,.bio-page.has-background.has-base{background-image:linear-gradient(color-mix(in srgb,var(--bio-bg) calc(var(--background-shade,.55) * 100%),transparent),color-mix(in srgb,var(--bio-bg) calc(var(--background-shade,.55) * 100%),transparent)),var(--page-background)}
.bio-page.has-background.background-repeat{background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat,repeat-y}
.bio-page.has-background .bio-intro{background:transparent;box-shadow:none}
.bio-page.has-background.template-studio .bio-intro{border-color:transparent}
.bio-page.has-background .bio-description,.bio-page.has-background .bio-eyebrow,.bio-page.has-background .bio-footer{color:var(--bio-text)}
/* v0.17: refreshed classic look, product ordering by WhatsApp, floating contact. */
.bio-page.template-classic:not(.has-background){border-top:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bio-accent) 22%,var(--bio-bg)) 0,color-mix(in srgb,var(--bio-accent) 8%,var(--bio-bg)) 170px,var(--bio-bg) 320px);box-shadow:0 24px 60px -30px #19103d40}
.bio-page.template-classic .bio-logo,.bio-page.template-classic .bio-avatar{box-shadow:0 14px 30px -14px #19103d66}
.bio-page.template-classic .bio-logo.shape-logo{background:transparent;box-shadow:none}
.bio-page.template-classic h1{font-size:32px;letter-spacing:-.3px}
.bio-page.template-classic .bio-eyebrow{display:inline-block;background:color-mix(in srgb,var(--bio-accent) 14%,var(--bio-bg));color:var(--bio-text);padding:5px 14px;border-radius:30px;font-weight:700}
.bio-page.template-classic .bio-links a{border-inline-start-width:1px;border-radius:16px;background:var(--bio-bg);box-shadow:0 8px 22px -16px #19103d55}
.bio-page.template-classic .bio-links a span:last-child{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bio-accent) 16%,var(--bio-bg));flex:none}
.bio-card{display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.bio-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px #19103d66}
.bio-card>img{aspect-ratio:1;object-fit:cover}
.bio-card-body{display:flex;flex-direction:column;flex:1}
.bio-card h3{font-size:17px}
.bio-card p{margin:0 0 8px;font-size:13.5px}
.bio-price{display:inline-block;align-self:flex-start;background:color-mix(in srgb,var(--bio-accent) 16%,var(--bio-bg));color:var(--bio-text);padding:4px 12px;border-radius:30px;font-size:14px;margin-bottom:4px}
.bio-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.bio-card .bio-card-actions a{flex:1;margin:0;padding:10px 8px;font-weight:700;background:var(--bio-accent);border-color:var(--bio-accent);color:#fff}
.bio-card .bio-card-actions a.bio-card-wa{flex:0 0 auto;background:#126b48;border-color:#126b48;color:#fff;padding-inline:14px}
.bio-card .bio-card-actions a.bio-card-wa.is-main{flex:1}
.bio-page.cards-list .bio-card{flex-direction:row}
.bio-fab{display:none}
@media(max-width:540px){
 .bio-cards:not(.single-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .bio-cards:not(.single-card) .bio-card-body{padding:10px}
 .bio-cards:not(.single-card) .bio-card h3{font-size:14.5px;margin-bottom:4px}
 .bio-cards:not(.single-card) .bio-card p{display:none}
 .bio-cards:not(.single-card) .bio-card-actions{flex-direction:column;gap:6px}
 .bio-cards:not(.single-card) .bio-card-actions a{padding:9px 6px;font-size:13px}
 .bio-page.cards-list .bio-cards{grid-template-columns:1fr}
 .bio-page.template-classic:not(.has-background){border-top:0}
 .bio-fab{display:flex;position:fixed;inset-inline:14px;bottom:14px;z-index:5;justify-content:center;align-items:center;gap:8px;min-height:52px;border-radius:30px;background:#126b48;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 14px 30px -10px #0b3d29aa}
 .bio-page{padding-bottom:84px}
}
/* v0.18: function templates, WhatsApp cart, offer countdown, opening hours, product details. */
.bio-public [hidden]{display:none!important}
.bio-public.is-frame{background:#fff}
.bio-page{position:relative}
.bio-page button{font:inherit}
.bio-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}
.bio-intro-text{min-width:0}
.bio-contact a .bio-i{width:18px;height:18px}
.bio-contact .bio-whatsapp{background:#128c4a;border-color:#128c4a}
.bio-socials a{transition:transform .15s}.bio-socials a:hover{transform:translateY(-2px)}
/* Product cards */
.bio-card-media{all:unset;box-sizing:border-box;display:block;position:relative;cursor:zoom-in;background:#fff;aspect-ratio:1;overflow:hidden}
.bio-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.bio-card:hover .bio-card-media img{transform:scale(1.04)}
.bio-card-media:focus-visible{outline:3px solid var(--bio-accent);outline-offset:-3px}
.bio-tag{position:absolute;top:10px;inset-inline-start:10px;background:#d6265c;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:30px;line-height:1.5}
.bio-tag.is-flat{position:static;align-self:flex-start;margin:12px 14px 0}
.bio-card-cat{font-size:11.5px;color:var(--bio-muted);font-weight:700;margin-bottom:2px}
.bio-prices{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.bio-prices .bio-price{margin:0}
.bio-prices s{font-size:13px;color:var(--bio-muted)}
.bio-card-actions a,.bio-card .bio-card-actions a{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;margin:0;padding:10px 8px;min-height:42px;border-radius:12px;font-weight:700;font-size:14px;background:var(--bio-accent);border:1px solid var(--bio-accent);color:var(--bio-on-accent,#fff);text-decoration:none}
.bio-card-actions a.bio-card-wa,.bio-card .bio-card-actions a.bio-card-wa{flex:0 0 auto;background:#128c4a;border-color:#128c4a;color:#fff;padding-inline:13px}
.bio-card-actions a.bio-card-wa.is-main,.bio-card .bio-card-actions a.bio-card-wa.is-main{flex:1}
.bio-card-actions a.bio-card-more,.bio-card .bio-card-actions a.bio-card-more{flex:0 0 auto;background:transparent;color:var(--bio-text);border-color:var(--bio-line);font-size:13px}
.bio-card-actions .bio-i{width:18px;height:18px}
.bio-add{all:unset;box-sizing:border-box;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:12px;background:var(--bio-accent);color:var(--bio-on-accent,#fff);font-weight:700;font-size:14px;cursor:pointer;transition:transform .12s}
.bio-add:active{transform:scale(.97)}
.bio-add .bio-i{width:18px;height:18px}
.bio-step{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:42px;border-radius:12px;border:2px solid var(--bio-accent);padding:0 3px;background:var(--bio-bg)}
.bio-step button{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--bio-text);font-size:18px;font-weight:700}
.bio-step button:hover{background:var(--bio-surface)}
.bio-step b{font-size:16px;min-width:20px;text-align:center}
.bio-step .bio-i{width:17px;height:17px}
.bio-cards.single-card .bio-card-media{max-height:360px;aspect-ratio:4/3}
.bio-page.cards-list .bio-card-media{width:36%;flex:none;aspect-ratio:1}
.bio-page.cards-list .bio-card{align-items:stretch}
.bio-empty{color:var(--bio-muted);padding:18px;text-align:center}
.bio-products{margin-top:6px}
/* Search and categories */
.bio-search{display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:14px;background:var(--bio-surface);border:1px solid var(--bio-line);margin:0 0 12px;color:var(--bio-muted)}
.bio-search:focus-within{border-color:var(--bio-accent)}
.bio-search input{all:unset;flex:1;min-height:46px;font-size:15px;color:var(--bio-text);text-align:start}
.bio-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}
.bio-chips::-webkit-scrollbar{display:none}
.bio-chips button{all:unset;cursor:pointer;white-space:nowrap;padding:8px 15px;border-radius:30px;background:var(--bio-surface);border:1px solid var(--bio-line);font-size:13.5px;font-weight:700;color:var(--bio-text)}
.bio-chips button[aria-pressed=true]{background:var(--bio-text);color:var(--bio-bg);border-color:var(--bio-text)}
/* Calls to action */
.bio-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:14px 18px;border-radius:16px;background:var(--bio-accent);color:var(--bio-on-accent,#fff);font-weight:700;font-size:16px;text-decoration:none;margin:0 0 18px;box-shadow:0 14px 30px -18px color-mix(in srgb,var(--bio-accent) 90%,#000);transition:transform .15s}
.bio-cta:hover{transform:translateY(-2px)}
.bio-cta.is-wa{background:#128c4a;color:#fff}
.bio-book{margin-top:4px}
.bio-featured{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(135deg,var(--bio-accent),color-mix(in srgb,var(--bio-accent) 60%,#16122f));color:var(--bio-on-accent,#fff);text-decoration:none;text-align:start;margin:0 0 14px;box-shadow:0 18px 40px -24px color-mix(in srgb,var(--bio-accent) 90%,#000)}
.bio-featured>span{display:grid;flex:1;gap:2px}.bio-featured small{opacity:.85;font-size:12px}.bio-featured b{font-size:17px}
.bio-featured .bio-i{width:24px;height:24px}
/* Offer bar and offer hero */
.bio-offerbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:-38px -24px 26px;padding:11px 16px;background:#16122f;color:#fff;font-size:14px;font-weight:700;border-radius:24px 24px 0 0;position:sticky;top:0;z-index:4;line-height:1.5}
.bio-offerbar .bio-i{color:#ffb347}
.bio-offerbar a{color:#fff}
.bio-offerbar-c{display:inline-flex;gap:6px;font-variant-numeric:tabular-nums;background:#ffffff1f;padding:2px 10px;border-radius:8px}.bio-offerbar-c i{font-style:normal}.bio-offerbar-c i:empty{display:none}
.bio-offerbar-code{all:unset;cursor:pointer;border:1px dashed #ffffffaa;padding:2px 10px;border-radius:8px;letter-spacing:1px}
.bio-hero{margin:6px 0 28px;padding:26px 20px 22px;border-radius:24px;background:linear-gradient(150deg,var(--bio-accent),color-mix(in srgb,var(--bio-accent) 55%,#16122f));color:var(--bio-on-accent,#fff);box-shadow:0 24px 50px -28px color-mix(in srgb,var(--bio-accent) 80%,#000)}
.bio-hero-k{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;background:#ffffff2e;padding:5px 12px;border-radius:30px;margin:0}
.bio-hero h2{font-size:30px;line-height:1.35;margin:12px 0 6px;color:inherit}
.bio-hero>p{margin:0 auto 6px;max-width:440px;line-height:1.8;opacity:.92}
.bio-count{display:flex;justify-content:center;gap:8px;margin:16px 0}
.bio-count span{display:grid;min-width:62px;padding:10px 6px;border-radius:14px;background:#ffffff2b;border:1px solid #ffffff38}
.bio-count b{font-size:28px;font-variant-numeric:tabular-nums;line-height:1.15}
.bio-count small{font-size:11.5px;opacity:.85}
.bio-code{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;border:2px dashed currentColor;font-weight:700;margin:2px 0 14px}
.bio-code span{font-size:12px;opacity:.85}.bio-code b{font-size:18px;letter-spacing:1.5px}
.bio-hero .bio-cta{background:#fff;color:#16122f;margin:4px 0 0;box-shadow:none}
.bio-hero .bio-cta.is-wa{color:#0f6e3c}
.bio-hero-end{padding:16px;border-radius:16px;background:var(--bio-surface);color:var(--bio-muted);font-weight:700;margin:0 0 24px}
/* Business card: quick actions, hours, place */
.bio-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;margin:20px 0}
.bio-tiles a{display:grid;justify-items:center;gap:8px;padding:15px 6px 13px;border-radius:18px;background:var(--bio-surface);border:1px solid var(--bio-line);color:var(--bio-text);text-decoration:none;font-size:13px;font-weight:700;transition:transform .15s,border-color .15s}
.bio-tiles a:hover{transform:translateY(-2px);border-color:var(--bio-accent)}
.bio-tiles .bio-i{width:26px;height:26px;color:var(--bio-accent)}
.bio-info{text-align:start;margin:20px 0;padding:18px;border-radius:18px;background:var(--bio-surface);border:1px solid var(--bio-line)}
.bio-info h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 12px;flex-wrap:wrap;color:var(--bio-text)}
.bio-info h2 .bio-i{color:var(--bio-accent)}
.bio-open{display:inline-block;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:30px;line-height:1.5}
.bio-info .bio-open{margin-inline-start:auto}
.bio-open.is-open,.bio-page .bio-eyebrow.bio-open.is-open{background:#dcf5e5;color:#0f6e3c}
.bio-open.is-closed,.bio-page .bio-eyebrow.bio-open.is-closed{background:#fde8e8;color:#9b1c1c}
.bio-hours ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bio-hours li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--bio-muted)}
.bio-hours li.is-today{background:var(--bio-bg);color:var(--bio-text);font-weight:700}
.bio-hours>p,.bio-place>p{margin:10px 0 12px;line-height:1.8;color:var(--bio-muted);font-size:14px}
.bio-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:var(--bio-bg);border:1px solid var(--bio-line);color:var(--bio-text);text-decoration:none;font-weight:700;font-size:14px}
.bio-btn .bio-i{width:16px;height:16px}
/* Cart bar and sheets */
.bio-cartbar{position:fixed;inset-inline:0;bottom:0;z-index:8;padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}
.bio-cartbar button{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;width:min(640px,100%);display:flex;align-items:center;gap:10px;padding:10px 12px 10px 10px;border-radius:18px;background:#128c4a;color:#fff;font-weight:700;font-size:15px;box-shadow:0 18px 40px -16px #0b3d29cc;animation:bio-up .25s ease-out}
.bio-cartbar .bio-i{width:22px;height:22px;margin-inline-start:4px}
.bio-cartbar-t{opacity:.9;font-weight:500}
.bio-cartbar strong{margin-inline-start:auto;background:#fff;color:#0f6e3c;padding:8px 14px;border-radius:12px}
@keyframes bio-up{from{transform:translateY(20px);opacity:0}}
.bio-page.has-cart .bio-fab{display:none!important}
.bio-page.has-cartable{padding-bottom:100px}
.bio-sheet{position:fixed;inset:0;z-index:20;background:#0d0b1e8c;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.bio-sheet.is-on{opacity:1}
.bio-sheet-card{width:min(560px,100%);max-height:88dvh;overflow:auto;background:var(--bio-bg);color:var(--bio-text);border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));text-align:start;transform:translateY(30px);transition:transform .25s;box-sizing:border-box}
.bio-sheet.is-on .bio-sheet-card{transform:none}
.bio-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.bio-sheet h2{font-size:19px;margin:0;color:var(--bio-text)}
.bio-x{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--bio-surface);color:var(--bio-text);flex:none}
.bio-cart-list{list-style:none;margin:0 0 12px;padding:0}
.bio-cart-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bio-line);font-size:14.5px}
.bio-cart-list li.bio-cart-empty{display:block;color:var(--bio-muted);border:0}
.bio-cart-list .bio-step{min-height:36px;flex:none;border-width:1px}
.bio-cart-list .bio-step button{width:30px;height:30px}
.bio-cart-sum{display:flex;justify-content:space-between;font-size:16px;margin:4px 0 14px}
.bio-field{display:grid;gap:6px;font-size:13.5px;font-weight:700;margin-bottom:10px}
.bio-field input,.bio-field textarea{font:inherit;font-weight:400;font-size:15px;padding:11px 12px;border-radius:12px;border:1px solid var(--bio-line);background:var(--bio-surface);color:var(--bio-text);resize:vertical}
.bio-field input:focus,.bio-field textarea:focus{outline:2px solid var(--bio-accent);outline-offset:1px}
.bio-send{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:16px;background:#128c4a;color:#fff;font-weight:700;font-size:16px;margin-top:6px}
.bio-sheet-hint{display:block;text-align:center;color:var(--bio-muted);font-size:12px;margin-top:8px}
.bio-cart-note{font-size:13px;color:var(--bio-muted);background:var(--bio-surface);padding:10px 12px;border-radius:12px;line-height:1.7}
.bio-detail-img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:16px;margin-bottom:12px;display:block}
.bio-detail-desc{line-height:1.9;color:var(--bio-muted);white-space:pre-line;font-size:15px}
.bio-sheet .bio-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
body.bio-locked{overflow:hidden}
.bio-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,16px);background:#16122f;color:#fff;padding:10px 16px;border-radius:12px;font:700 14px Tajawal,Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;max-width:calc(100% - 32px);text-align:center;box-shadow:0 12px 30px -12px #0008}
.bio-toast.is-on{opacity:1;transform:translate(-50%,0)}
/* Footer badge */
.bio-footer .bio-made{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:30px;background:var(--bio-surface);border:1px solid var(--bio-line);font-size:12.5px;margin-bottom:6px}
/* Template layouts */
.bio-page.fn-catalog .bio-intro,.bio-page.fn-offer .bio-intro{display:flex;align-items:center;gap:14px;text-align:start;margin-bottom:18px}
.bio-page.fn-catalog .bio-intro .bio-logo,.bio-page.fn-catalog .bio-avatar,.bio-page.fn-offer .bio-intro .bio-logo,.bio-page.fn-offer .bio-avatar{margin:0;flex:none;width:72px;height:72px}
.bio-page.fn-catalog .bio-logo.shape-logo,.bio-page.fn-offer .bio-logo.shape-logo{width:88px;max-width:none;height:72px}
.bio-page.fn-catalog .bio-avatar,.bio-page.fn-offer .bio-avatar{font-size:30px}
.bio-page.fn-catalog h1,.bio-page.fn-offer h1,.bio-page.fn-catalog.template-classic h1,.bio-page.fn-offer.template-classic h1{font-size:23px;margin:2px 0}
.bio-page.fn-catalog .bio-eyebrow,.bio-page.fn-offer .bio-eyebrow{margin:0 0 2px}
.bio-page.fn-catalog .bio-description,.bio-page.fn-offer .bio-description{margin:4px 0 0;font-size:14.5px;line-height:1.7}
.bio-page.fn-catalog .bio-eyebrow,.bio-page.fn-catalog.template-classic .bio-eyebrow{background:#dcf5e5;color:#0f6e3c}
.bio-page.fn-catalog .bio-card p{display:none}
.bio-page.fn-store .bio-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bio-page.fn-catalog .bio-section-title,.bio-page.fn-store .bio-section-title{margin-top:8px}
.bio-page.fn-creator .bio-logo.shape-circle,.bio-page.fn-creator .bio-logo.shape-rounded,.bio-page.fn-creator .bio-avatar{width:116px;height:116px}
.bio-page.fn-creator .bio-logo,.bio-page.fn-creator .bio-avatar{box-shadow:0 0 0 4px var(--bio-bg),0 0 0 7px var(--bio-accent)}
.bio-page.fn-creator .bio-logo.shape-logo{box-shadow:none}
.bio-page.fn-creator h1{font-size:33px}
.bio-page.fn-creator .bio-socials a{width:52px;height:52px;border:2px solid var(--bio-accent)}
.bio-page.fn-creator .bio-links a{border-radius:30px;border-inline-start-width:1px}
.bio-page.fn-card .bio-intro{margin-bottom:6px}
.bio-page.fn-card .bio-eyebrow.bio-open{display:inline-block}
.bio-page.theme-dark .bio-open.is-open,.bio-page.theme-dark .bio-eyebrow.bio-open.is-open,.bio-page.theme-dark.fn-catalog .bio-eyebrow{background:#0f3d26;color:#9ff0c0}
.bio-page.theme-dark .bio-open.is-closed,.bio-page.theme-dark .bio-eyebrow.bio-open.is-closed{background:#4a1717;color:#ffc4c4}
@media(max-width:540px){
 .bio-offerbar{margin:-30px -18px 22px;border-radius:0;font-size:13px;padding:10px 12px}
 .bio-hero{padding:22px 14px 18px}.bio-hero h2{font-size:25px}
 .bio-count{gap:6px}.bio-count span{min-width:0;flex:1}.bio-count b{font-size:24px}
 .bio-cards:not(.single-card) .bio-card-actions{flex-direction:column;gap:6px}
 .bio-cards:not(.single-card) .bio-card-actions a,.bio-cards:not(.single-card) .bio-add{min-height:40px;font-size:13px}
 .bio-cards:not(.single-card) .bio-card-actions a.bio-card-wa{flex:1}
 .bio-tag{top:8px;inset-inline-start:8px;font-size:11px;padding:3px 8px}
 .bio-page.fn-creator h1{font-size:28px}
 .bio-page.has-cartable{padding-bottom:110px}
}
@media(min-width:700px){.bio-sheet{align-items:center}.bio-sheet-card{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.bio-card-media img,.bio-cta,.bio-tiles a,.bio-sheet,.bio-sheet-card,.bio-add{transition:none}.bio-cartbar button{animation:none}}
.bio-page.template-boutique .bio-offerbar{margin-top:-42px}@media(max-width:540px){.bio-page.template-boutique .bio-offerbar{margin-top:-30px}}
@media(min-width:620px){.bio-page.fn-catalog .bio-cards:not(.single-card),.bio-page.fn-store .bio-cards:not(.single-card),.bio-page.fn-offer .bio-cards:not(.single-card){grid-template-columns:repeat(3,minmax(0,1fr))}.bio-page.fn-catalog .bio-card h3,.bio-page.fn-store .bio-card h3,.bio-page.fn-offer .bio-card h3{font-size:15.5px}}
.bio-products+.bio-links,.bio-products+.bio-contact,.bio-cards+.bio-links{margin-top:26px}.bio-links{margin-bottom:8px}
.bio-tiles.count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.bio-tiles.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:540px){.bio-tiles{gap:7px}.bio-tiles a{font-size:11.5px;padding:12px 2px 10px;border-radius:15px}.bio-tiles .bio-i{width:23px;height:23px}}
.bio-detail-img{max-height:46vh}

/* Logo size chosen in the editor (60–200%) */
.bio-page .bio-logo{zoom:var(--logo-scale,1)}

/* Social icons: shape, colour and icons per row (subscriber options; default stays the neutral circle) */
.bio-page .bio-socials a{--sc:var(--bio-accent)}
.bio-page.socialc-custom .bio-socials a{--sc:var(--social-c);--sfg:var(--social-on,#fff)}
.bio-page.socialc-platform .bio-socials a.s-facebook{--sc:#1877F2}
.bio-page.socialc-platform .bio-socials a.s-instagram{--sc:#E1306C;--sbg:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF)}
.bio-page.socialc-platform .bio-socials a.s-tiktok,.bio-page.socialc-platform .bio-socials a.s-x{--sc:#111111}
.bio-page.theme-dark.socialc-platform .bio-socials a.s-tiktok,.bio-page.theme-dark.socialc-platform .bio-socials a.s-x{--sc:#F2F2F2;--sfg:#111}
.bio-page.socialc-platform .bio-socials a.s-youtube{--sc:#FF0000}
.bio-page.socialc-platform .bio-socials a.s-linkedin{--sc:#0A66C2}
.bio-page.socialc-platform .bio-socials a.s-telegram{--sc:#26A5E4}
.bio-page.socialc-platform .bio-socials a.s-snapchat{--sc:#FFFC00;--sfg:#111}
.bio-page.social-rounded .bio-socials a{border-radius:14px}
.bio-page:is(.socialc-platform,.socialc-custom):not(.social-outline):not(.social-plain) .bio-socials a,.bio-page:is(.socialc-platform,.socialc-custom):not(.social-outline):not(.social-plain) .bio-socials a:hover{background:var(--sbg,var(--sc));border-color:transparent;color:var(--sfg,#fff)}
.bio-page.social-outline .bio-socials a,.bio-page.social-outline .bio-socials a:hover{background:transparent;border:2px solid var(--sc);color:var(--sc)}
.bio-page.social-plain .bio-socials a,.bio-page.social-plain .bio-socials a:hover{background:transparent;border:0;color:var(--sc);width:42px;height:42px}
.bio-page.social-plain .bio-socials svg{width:30px;height:30px}
.bio-page .bio-socials{--siz:46px}.bio-page.fn-creator .bio-socials{--siz:52px}.bio-page.social-plain .bio-socials{--siz:42px}
.bio-page.socialrow-3 .bio-socials{--n:3}.bio-page.socialrow-4 .bio-socials{--n:4}.bio-page.socialrow-5 .bio-socials{--n:5}.bio-page.socialrow-6 .bio-socials{--n:6}
/* Wraps after N icons; a short last row stays centred like the rows above */
.bio-page[class*=socialrow-] .bio-socials{max-width:calc(var(--n) * var(--siz) + (var(--n) - 1) * 10px);margin-inline:auto}
.bio-page.align-start[class*=socialrow-] .bio-socials{margin-inline:0 auto;justify-content:flex-start}