@import url("/assets/css/share-qr.css");
.public-business-page{width:min(1180px,calc(100% - 32px));margin:28px auto 64px}.business-hero,.business-panel,.business-stats,.business-tabs{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xl)}.business-hero{overflow:hidden}.business-cover{height:300px;background:linear-gradient(135deg,var(--primary-light),var(--background));overflow:hidden}.business-cover img{width:100%;height:100%;object-fit:cover}.business-cover.is-empty{background:radial-gradient(circle at 20% 30%,var(--primary-light-hover),transparent 34%),linear-gradient(135deg,var(--primary-light),var(--surface))}.business-identity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;padding:0 24px 22px}.business-logo{width:128px;height:128px;margin-top:-58px;border:5px solid var(--surface);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:2}.business-logo img{width:100%;height:100%;object-fit:cover}.business-logo svg{width:44px;height:44px;color:var(--primary)}.business-identity-copy{min-width:0;padding-top:18px}.business-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.business-title-row h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.25}.business-verified{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:14px;font-weight:700}.business-verified svg{width:16px}.business-alt-name{display:block;margin-top:4px;color:var(--text-muted);font-size:14px}.business-meta-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;color:var(--text-secondary);font-size:15px}.business-meta-line>svg{width:13px}.business-meta-line strong{color:var(--text-primary)}.business-presence{display:inline-flex;align-items:center;gap:5px;padding-inline-start:8px;border-inline-start:1px solid var(--border)}.business-presence svg{width:14px}.business-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:18px}.business-primary-actions form{margin:0}.business-action,.business-icon-action{min-height:42px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;cursor:pointer;font:inherit}.business-action svg,.business-icon-action svg{width:17px}.business-action.is-primary{background:var(--primary);border-color:var(--primary);color:#fff}.business-action.is-active,.business-icon-action.is-active{background:var(--primary-light);border-color:var(--primary-light-hover);color:var(--primary)}.business-icon-action{width:42px;padding:0}.business-quick-actions{display:grid;gap:8px;padding:0 24px 22px}.business-contact-actions{display:flex;gap:10px;width:100%}.business-contact-actions a{flex:1;min-width:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:14px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.business-contact-actions a:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.business-contact-call{background:var(--surface);color:var(--text-primary)}.business-contact-call:hover{background:var(--background);border-color:var(--primary-light-hover);color:var(--primary)}.business-contact-call svg{color:var(--primary)}.business-contact-whatsapp{background:#25d366!important;border-color:#25d366!important;color:#fff!important}.business-contact-whatsapp:hover{background:#20bd5a!important;border-color:#20bd5a!important;color:#fff!important}.business-contact-whatsapp svg{color:#fff}.business-contact-website{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:var(--radius-lg);background:var(--background);color:var(--text-secondary);font-size:15px}.business-contact-website:hover{color:var(--primary)}.business-contact-website svg{width:15px;color:var(--primary)}.business-contact-actions svg{width:18px;height:18px;flex:0 0 auto}.business-stats{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px;overflow:hidden}.business-stats>div{padding:17px 12px;text-align:center;border-inline-start:1px solid var(--border)}.business-stats>div:first-child{border-inline-start:0}.business-stats strong{display:block;font-size:22px}.business-stats span{display:block;margin-top:2px;color:var(--text-muted);font-size:14px}.business-stats .is-recommendation strong{color:var(--primary)}.business-tabs{display:flex;align-items:center;gap:4px;margin-top:16px;padding:6px;overflow-x:auto}.business-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border-radius:var(--radius-lg);color:var(--text-secondary);white-space:nowrap}.business-tabs a.is-active{background:var(--primary-light);color:var(--primary);font-weight:700}.business-tabs svg{width:17px}.business-tabs small{padding:1px 6px;border-radius:999px;background:var(--background);font-size:13px}.business-content{margin-top:16px}.business-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:16px}.business-main-column,.business-side-column{display:grid;gap:16px;align-content:start}.business-panel{padding:22px}.business-panel>header{display:flex;align-items:center;gap:9px;margin-bottom:18px}.business-panel>header svg{width:19px;color:var(--primary)}.business-panel>header h2{margin:0;font-size:17px}.business-description{margin:0;line-height:1.9;color:var(--text-secondary)}.business-muted{margin:0;color:var(--text-muted)}.business-info-list{display:grid;gap:0;margin-top:18px;border-top:1px solid var(--border)}.business-info-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--border)}.business-info-list span{color:var(--text-muted);font-size:15px}.business-info-list strong{font-size:15px;text-align:end}.business-positive{display:inline-flex;align-items:center;gap:5px;color:var(--primary)}.business-positive svg{width:15px}.business-service-chips{display:flex;gap:8px;flex-wrap:wrap}.business-service-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--background);font-size:15px}.business-service-chips svg{width:15px;color:var(--primary)}.business-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.business-gallery button{aspect-ratio:1;border:0;padding:0;border-radius:14px;overflow:hidden;background:var(--background);cursor:pointer}.business-gallery img{width:100%;height:100%;object-fit:cover}.business-event-list{display:grid;gap:10px}.business-event-item{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px}.business-event-item img{width:78px;height:78px;border-radius:12px;object-fit:cover}.business-event-item>div{min-width:0;display:grid;gap:5px}.business-event-item strong{font-size:14px}.business-event-item span{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:14px}.business-event-item svg{width:13px}.business-location-card>strong{display:block}.business-location-card p{margin:7px 0;color:var(--text-secondary);line-height:1.7}.business-location-card>span{display:block;color:var(--text-muted);font-size:14px}.business-location-card>a{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--primary);font-size:15px;font-weight:700}.business-location-card>a svg{width:15px}.business-social-links{display:grid;gap:5px}.business-social-links a{min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 10px;border-radius:12px;color:var(--text-secondary)}.business-social-links a:hover{background:var(--background);color:var(--primary)}.business-social-links svg{width:16px}.business-wide-panel{min-height:220px}.business-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.business-product-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}.business-product-image{aspect-ratio:1.25;background:var(--background);display:flex;align-items:center;justify-content:center}.business-product-image img{width:100%;height:100%;object-fit:cover}.business-product-image svg{width:38px;color:var(--text-muted)}.business-product-copy{padding:14px}.business-product-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.business-product-top span,.business-product-top em{font-size:13px;font-style:normal}.business-product-top span{color:var(--text-muted)}.business-product-top em{color:var(--primary);font-weight:700}.business-product-copy h3{margin:8px 0 5px;font-size:16px}.business-product-copy p{margin:0 0 12px;color:var(--text-muted);font-size:14px;line-height:1.7;min-height:40px}.business-product-price{color:var(--primary);font-size:14px}.business-branches-list{display:grid;gap:14px}.business-branch-head{display:flex;justify-content:space-between;gap:15px}.business-branch-head>div:first-child{display:flex;gap:10px}.business-branch-icon{width:42px;height:42px;border-radius:13px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center}.business-branch-icon svg{width:19px}.business-branch-head h2{margin:0 0 4px;font-size:17px}.business-branch-head p{margin:0;color:var(--text-muted);font-size:14px}.business-branch-actions{display:flex;gap:7px}.business-branch-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;font-size:14px}.business-branch-actions svg{width:14px;color:var(--primary)}.business-branch-address{margin:14px 0;color:var(--text-secondary)}.business-hours{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.business-hours h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:14px}.business-hours h3 svg{width:16px;color:var(--primary)}.business-hours>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.business-hours>div span{color:var(--text-muted);font-size:14px}.business-hours>div strong{font-size:14px}.business-reviews-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.business-review-summary{position:sticky;top:92px}.business-recommend-circle{text-align:center;padding:10px 0 22px}.business-recommend-circle strong{display:block;color:var(--primary);font-size:40px}.business-recommend-circle span{color:var(--text-muted);font-size:14px}.business-review-numbers{display:grid;gap:8px}.business-review-numbers>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:var(--background)}.business-review-numbers svg{width:16px;color:var(--primary)}.business-review-numbers span{font-size:14px;color:var(--text-secondary)}.business-review-list{display:grid;gap:12px}.business-review-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.business-review-author{display:flex;gap:9px;align-items:center}.business-review-avatar{width:42px;height:42px;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden}.business-review-avatar img{width:100%;height:100%;object-fit:cover}.business-review-avatar svg{width:17px;color:var(--text-muted)}.business-review-author>div{display:grid}.business-review-author span{font-size:13px;color:var(--text-muted)}.business-recommend-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:13px;font-weight:700}.business-recommend-badge svg{width:14px}.business-recommend-badge.is-yes{background:var(--primary-light);color:var(--primary)}.business-recommend-badge.is-no{background:var(--danger-light,#fff1f1);color:var(--danger,#b42318)}.business-review-card h3{margin:16px 0 5px;font-size:16px}.business-review-card>p{margin:0;line-height:1.85;color:var(--text-secondary)}.business-review-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--text-muted);font-size:13px}.business-review-meta span{display:inline-flex;align-items:center;gap:5px}.business-review-meta svg{width:13px}.business-inline-empty,.business-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.business-inline-empty{min-height:180px}.business-inline-empty svg,.business-empty-state>svg{width:38px;height:38px;margin-bottom:10px;color:var(--primary)}.business-empty-state{min-height:420px;border:1px dashed var(--border);border-radius:var(--radius-xl);background:var(--surface)}.business-empty-state h1{margin:7px 0;color:var(--text-primary)}.business-empty-state p{margin:0 0 18px}.business-empty-state a{padding:10px 14px;border-radius:12px;background:var(--primary);color:#fff}.business-lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:40px}.business-lightbox[hidden]{display:none}.business-lightbox img{max-width:min(1100px,94vw);max-height:88vh;object-fit:contain;border-radius:14px}.business-lightbox button{position:absolute;top:20px;inset-inline-end:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer}.business-share-toast{position:fixed;z-index:210;inset-inline-start:50%;bottom:28px;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:var(--text-primary);color:var(--surface);box-shadow:var(--shadow-md);font-size:14px}.business-share-toast[hidden]{display:none}@media(max-width:900px){.business-cover{height:230px}.business-identity-row{grid-template-columns:auto 1fr;align-items:start}.business-primary-actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.business-stats{grid-template-columns:repeat(3,1fr)}.business-stats>div:nth-child(4){border-top:1px solid var(--border)}.business-stats>div:nth-child(5){border-top:1px solid var(--border)}.business-overview-grid,.business-reviews-layout{grid-template-columns:1fr}.business-review-summary{position:static}.business-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.public-business-page{width:min(100% - 20px,1180px);margin-top:14px}.business-cover{height:170px}.business-identity-row{grid-template-columns:1fr;padding:0 14px 14px}.business-logo{width:94px;height:94px;margin-top:-46px;border-radius:22px}.business-identity-copy{padding-top:0}.business-title-row h1{font-size:24px}.business-primary-actions{grid-column:auto}.business-action{flex:1}.business-quick-actions{padding:0 14px 15px}.business-stats{grid-template-columns:repeat(2,1fr)}.business-stats>div{border-top:1px solid var(--border)}.business-stats>div:nth-child(-n+2){border-top:0}.business-tabs a{padding:0 12px}.business-panel{padding:16px}.business-products-grid{grid-template-columns:1fr}.business-gallery{grid-template-columns:repeat(2,1fr)}.business-branch-head,.business-review-head{align-items:flex-start;flex-direction:column}.business-branch-actions{width:100%}.business-branch-actions a{flex:1;justify-content:center}.business-info-list>div{flex-direction:column;gap:5px}.business-info-list strong{text-align:start}.business-lightbox{padding:16px}}

/* V1.61: product categories + likes */
.business-catalog-panel{padding:22px}.business-product-groups{display:grid;gap:28px}.business-product-group{display:grid;gap:14px}.business-product-group+.business-product-group{padding-top:24px;border-top:1px solid var(--border)}.business-product-group-heading,.business-product-subcategory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.business-product-group-heading h2,.business-product-subcategory-heading h3{margin:0}.business-product-group-heading h2{font-size:19px}.business-product-subcategory-heading{margin-top:4px}.business-product-subcategory-heading h3{font-size:14px;color:var(--text-secondary)}.business-product-group-heading span,.business-product-subcategory-heading span{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--background);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.business-product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.business-product-like-form{margin:0}.business-product-like{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font:inherit;font-size:14px;white-space:nowrap}.business-product-like svg{width:16px;height:16px}.business-product-like small{min-width:20px;padding-inline-start:6px;border-inline-start:1px solid var(--border);font-size:13px;color:var(--text-muted)}.business-product-like:hover{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}.business-product-like.is-liked{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary);font-weight:700}.business-product-like.is-liked svg{fill:currentColor}.business-product-like.is-liked small{color:var(--primary);border-inline-start-color:var(--primary-light-hover)}
@media(max-width:640px){.business-catalog-panel{padding:16px}.business-product-groups{gap:22px}.business-product-group+.business-product-group{padding-top:18px}.business-product-footer{align-items:flex-end}.business-product-like span{display:none}.business-product-like{width:42px;padding:0}.business-product-like small{padding-inline-start:5px}}

@media(max-width:420px){.business-contact-actions{gap:8px}.business-contact-actions a{min-height:46px;padding:0 10px;font-size:15px}}

/* علِّمنا V1.63 — same public width as member profiles + social icon buttons */
.public-business-page.public-detail-page{width:min(var(--public-container-width,1440px),calc(100% - (var(--public-container-padding,18px) * 2)))}
.business-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.business-social-links a{width:40px;height:40px;min-height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}
.business-social-links a svg{width:17px;height:17px;color:currentColor}
.business-social-links a:hover,.business-social-links a:focus-visible{background:var(--primary-light);color:var(--primary);border-color:var(--primary-light-hover);transform:translateY(-1px)}

/* V1.64 — brand icons are inline SVG, independent from Lucide */
.business-social-links a .alamna-social-brand-icon{width:18px;height:18px;display:block;color:currentColor}

/* علِّمنا V1.65 — SVG icons from general settings + platform hover label */
.business-social-links a{position:relative;overflow:visible}
.business-social-links a .alamna-social-brand-icon{width:18px;height:18px;display:block;object-fit:contain;color:currentColor}
.business-social-links a::after{content:attr(data-social-tooltip);position:absolute;z-index:30;inset-inline-start:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(3px);padding:6px 9px;border-radius:8px;background:var(--text-primary);color:var(--surface);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--shadow-sm);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}
.business-social-links a::before{content:"";position:absolute;z-index:29;inset-inline-start:50%;bottom:calc(100% + 3px);width:8px;height:8px;background:var(--text-primary);transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast)}
.business-social-links a:hover::after,.business-social-links a:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.business-social-links a:hover::before,.business-social-links a:focus-visible::before{opacity:1;visibility:visible}


/* =========================================================
   علِّمنا V1.66 — محاذاة بيانات الملف + أسئلة وأجوبة النشاط
========================================================= */

/* بيانات "عن النشاط": العناوين والقيم تبدأ من جهة اليمين في العربية. */
html[dir="rtl"] .business-info-list > div {
    justify-content: flex-start;
    align-items: center;
}

html[dir="rtl"] .business-info-list > div > span {
    flex: 0 0 150px;
    text-align: right;
}

html[dir="rtl"] .business-info-list > div > strong {
    justify-content: flex-start;
    text-align: right;
}

.business-questions-layout {
    display: grid;
    gap: 16px;
}

.business-question-compose {
    max-width: none;
}

.business-question-notice {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 11px 13px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--background);
    color: var(--text-secondary);
    font-size: 14px;
}

.business-question-notice svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

.business-question-notice.is-success {
    border-color: var(--primary-light-hover);
    background: var(--primary-light);
    color: var(--primary);
}

.business-question-notice.is-error {
    border-color: var(--danger, #b42318);
    background: var(--danger-light, #fff1f1);
    color: var(--danger, #b42318);
}

.business-question-form,
.business-answer-form {
    display: grid;
    gap: 9px;
}

.business-question-form label,
.business-answer-form label {
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 600;
}

.business-question-form textarea,
.business-answer-form textarea {
    width: 100%;
    resize: vertical;
    padding: 12px 13px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 15px;
    line-height: 1.8;
    outline: none;
}

.business-question-form textarea:focus,
.business-answer-form textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-light);
}

.business-question-form > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.business-question-form small {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.7;
}

.business-question-form button,
.business-answer-form button,
.business-question-login a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: var(--primary);
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.business-question-form button svg,
.business-answer-form button svg,
.business-question-login a svg {
    width: 15px;
    height: 15px;
}

.business-question-login {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--background);
}

.business-question-login > svg {
    width: 22px;
    height: 22px;
    color: var(--primary);
}

.business-question-login > div {
    display: grid;
    gap: 3px;
}

.business-question-login strong {
    font-size: 15px;
}

.business-question-login span {
    color: var(--text-muted);
    font-size: 13px;
}

.business-question-list {
    display: grid;
    gap: 12px;
}

.business-question-card {
    display: grid;
    gap: 16px;
}

.business-question-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.business-question-author {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.business-question-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: var(--background);
}

.business-question-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.business-question-avatar svg {
    width: 17px;
    color: var(--text-muted);
}

.business-question-author > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.business-question-author a {
    color: var(--text-primary);
    text-decoration: none;
}

.business-question-author strong {
    font-size: 15px;
}

.business-question-author span {
    color: var(--text-muted);
    font-size: 13px;
}

.business-question-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.business-question-state svg {
    width: 14px;
    height: 14px;
}

.business-question-state.is-answered {
    background: var(--primary-light);
    color: var(--primary);
}

.business-question-state.is-waiting {
    background: var(--background);
    color: var(--text-muted);
}

.business-question-text {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.business-question-text > svg {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    color: var(--primary);
}

.business-question-text p,
.business-official-answer p {
    margin: 0;
    color: var(--text-primary);
    font-size: 14px;
    line-height: 1.9;
}

.business-official-answer {
    padding: 14px 16px;
    border: 1px solid var(--primary-light-hover);
    border-radius: 14px;
    background: var(--primary-light);
}

.business-official-answer-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: var(--primary);
}

.business-official-answer-title svg {
    width: 16px;
    height: 16px;
}

.business-official-answer-title strong {
    font-size: 14px;
}

.business-official-answer-title span {
    margin-inline-start: auto;
    color: var(--text-muted);
    font-size: 13px;
}

.business-official-answer p {
    color: var(--text-secondary);
    font-size: 15px;
}

.business-answer-form {
    padding-top: 14px;
    border-top: 1px solid var(--border);
}

.business-answer-form button {
    justify-self: start;
}

@media (max-width: 640px) {
    html[dir="rtl"] .business-info-list > div {
        align-items: flex-start;
    }

    html[dir="rtl"] .business-info-list > div > span {
        flex-basis: auto;
    }

    .business-question-form > div,
    .business-question-head {
        align-items: stretch;
        flex-direction: column;
    }

    .business-question-form button,
    .business-answer-form button,
    .business-question-login a {
        width: 100%;
    }

    .business-question-login {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .business-question-login a {
        grid-column: 1 / -1;
    }
}

/* V1.68 — فعاليات النشاط داخل الملف العام */
.business-events-public-panel{display:grid;gap:0}.business-public-events-list{display:grid;gap:14px}.business-public-event-card{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.business-public-event-cover{min-height:210px;background:var(--background);display:flex;align-items:center;justify-content:center;overflow:hidden}.business-public-event-cover img{width:100%;height:100%;object-fit:cover}.business-public-event-cover svg{width:44px;height:44px;color:var(--primary)}.business-public-event-body{padding:18px}.business-public-event-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.business-public-event-title-row h3{margin:7px 0 0;font-size:19px;line-height:1.45}.business-public-event-state{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--background);color:var(--text-secondary);font-size:13px;font-weight:700}.business-public-event-state.is-upcoming{background:var(--primary-light);color:var(--primary)}.business-public-event-state.is-live{background:var(--primary);color:#fff}.business-public-event-state.is-past{background:var(--background);color:var(--text-muted)}.business-public-event-excerpt{margin:11px 0 0;color:var(--text-secondary);line-height:1.8}.business-public-event-meta{display:flex;gap:12px 18px;flex-wrap:wrap;margin-top:14px;color:var(--text-muted);font-size:14px}.business-public-event-meta span{display:inline-flex;align-items:center;gap:5px}.business-public-event-meta svg{width:14px;color:var(--primary)}.business-public-event-meta strong{color:var(--text-secondary);font-weight:700}.business-public-event-details{margin-top:15px;padding-top:13px;border-top:1px solid var(--border)}.business-public-event-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--primary);font-size:14px;font-weight:700;cursor:pointer;list-style:none}.business-public-event-details summary::-webkit-details-marker{display:none}.business-public-event-details summary svg{width:15px;transition:transform .18s ease}.business-public-event-details[open] summary svg{transform:rotate(180deg)}.business-public-event-details>div{padding-top:11px;color:var(--text-secondary);line-height:1.9;font-size:15px}.business-public-event-map{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--primary);font-size:14px;font-weight:700}.business-public-event-map svg{width:15px}@media(max-width:760px){.business-public-event-card{grid-template-columns:1fr}.business-public-event-cover{min-height:0;aspect-ratio:16/9}}

/* =========================================================
   V1.69 — Ordering from business profile
   ========================================================= */
.business-catalog-header{display:flex!important;align-items:center;justify-content:space-between;gap:14px}.business-catalog-header>div{display:flex;align-items:center;gap:9px}.business-catalog-header>div>svg{width:19px;color:var(--primary)}.business-catalog-header h2{margin:0;font-size:17px}.business-cart-shortcut{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-secondary);font-size:14px;font-weight:700;white-space:nowrap}.business-cart-shortcut:hover,.business-cart-shortcut.has-items{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}.business-cart-shortcut svg{width:16px}.business-cart-shortcut small{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.business-order-configurator{margin-top:12px;border:1px solid var(--border);border-radius:14px;background:var(--background);overflow:hidden}.business-order-configurator>summary{min-height:44px;padding:0 12px;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;color:var(--primary);font-size:15px;font-weight:700}.business-order-configurator>summary::-webkit-details-marker{display:none}.business-order-configurator>summary>svg{width:17px}.business-order-configurator-arrow{margin-inline-start:auto;transition:transform .18s ease}.business-order-configurator[open] .business-order-configurator-arrow{transform:rotate(180deg)}.business-order-form{padding:14px;border-top:1px solid var(--border);display:grid;gap:14px}.business-order-option-group{margin:0;padding:0;border:0;display:grid;gap:8px}.business-order-option-group legend{width:100%;display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:14px;font-weight:700;color:var(--text-primary)}.business-order-option-group legend small{padding:2px 7px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:13px}.business-order-option-values{display:grid;gap:7px}.business-order-option-values label{min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;cursor:pointer;font-size:14px}.business-order-option-values label:hover{border-color:var(--primary-light-hover)}.business-order-option-values input{accent-color:var(--primary)}.business-order-option-values small{color:var(--primary);font-size:13px;font-weight:700;white-space:nowrap}.business-order-form-footer{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.business-order-quantity{display:grid;gap:5px}.business-order-quantity span{font-size:13px;color:var(--text-muted)}.business-order-quantity input{width:88px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);padding:0 10px;font:inherit}.business-order-form-footer button,.business-order-login{min-height:42px;padding:0 14px;border:1px solid var(--primary);border-radius:11px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.business-order-form-footer button:hover,.business-order-login:hover{background:var(--primary-hover,#006335);color:#fff}.business-order-form-footer button svg,.business-order-login svg{width:16px}.business-order-login{width:100%;margin-top:12px}.business-order-unavailable{margin-top:12px;padding:10px 12px;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);display:flex;align-items:center;gap:7px;font-size:13px}.business-order-unavailable svg{width:15px}.business-product-card:target,.business-order-configurator:target{scroll-margin-top:100px}
@media(max-width:640px){.business-catalog-header{align-items:flex-start}.business-cart-shortcut span{display:none}.business-cart-shortcut{width:42px;padding:0}.business-order-form-footer{align-items:stretch;flex-direction:column}.business-order-quantity{grid-template-columns:1fr 90px;align-items:center}.business-order-quantity input{width:90px}.business-order-form-footer button{width:100%}}

.business-order-flash {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 16px;
    padding: 11px 13px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 11px;
    font-size: 14px;
    line-height: 1.65;
}

.business-order-flash svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    margin-top: 2px;
}

.business-order-flash.is-error {
    border-color: color-mix(in srgb, #b42318 25%, transparent);
    background: color-mix(in srgb, #b42318 5%, var(--surface, #fff));
    color: #9b1c1c;
}

/* V1.69.4 — VAT note under public product price */
.business-product-price-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.business-product-tax-note{display:flex;flex-direction:column;gap:1px;color:var(--text-muted,#6b7280);font-size:13px;line-height:1.55;font-weight:500}.business-product-tax-note span{direction:ltr;unicode-bidi:isolate;text-align:right}

/* V1.73 — فتح غلاف وشعار مقدم الخدمة/النشاط في عارض الصور */
.business-cover[data-business-image],
.business-logo[data-business-image] {
    cursor: zoom-in;
}

.business-cover[data-business-image]:focus-visible,
.business-logo[data-business-image]:focus-visible {
    outline: 3px solid var(--primary-light-hover);
    outline-offset: 3px;
}

/* V1.74.5.6 — community listing feedback + success */
.business-community-banner{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:13px}.business-community-banner>svg{width:18px;flex:0 0 auto}.business-community-banner>div{display:grid;gap:3px}.business-community-banner strong{font-size:14px}.business-community-banner span{color:var(--text-secondary);line-height:1.65}.business-community-banner.is-success{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}.business-community-banner.is-error{border-color:var(--danger,#b42318);background:var(--danger-light,#fff2f0);color:var(--danger,#b42318)}
.business-community-listing-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 16px;border:1px solid var(--primary-light-hover);border-radius:15px;background:var(--primary-light)}.business-community-listing-copy{display:flex;align-items:flex-start;gap:10px;min-width:0}.business-community-listing-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:var(--surface);color:var(--primary)}.business-community-listing-icon svg{width:18px}.business-community-listing-copy>div{display:grid;gap:3px}.business-community-listing-copy strong{font-size:14px;color:var(--text-primary)}.business-community-listing-copy p{margin:0;max-width:720px;color:var(--text-secondary);font-size:13px;line-height:1.7}.business-community-listing-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.business-community-listing-actions form{margin:0}.business-community-listing-actions button,.business-community-listing-actions>a,.business-community-correction summary{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}.business-community-listing-actions .is-primary{border-color:var(--primary);background:var(--primary);color:#fff}.business-community-listing-actions svg{width:14px}.business-community-correction{position:relative}.business-community-correction summary{list-style:none}.business-community-correction summary::-webkit-details-marker{display:none}.business-community-correction[open] summary{border-color:var(--primary);color:var(--primary)}.business-community-correction form{position:absolute;z-index:30;inset-inline-end:0;top:46px;width:min(360px,calc(100vw - 36px));display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md)}.business-community-correction textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--background);color:var(--text-primary);font:inherit;font-size:13px;line-height:1.65;resize:vertical}.business-community-correction form button{justify-content:center;border-color:var(--primary);background:var(--primary);color:#fff}
@media(max-width:800px){.business-community-listing-card{align-items:stretch;flex-direction:column}.business-community-listing-actions{justify-content:stretch}.business-community-listing-actions>form,.business-community-listing-actions>.business-community-correction,.business-community-listing-actions>a{width:100%}.business-community-listing-actions button,.business-community-listing-actions>a,.business-community-correction summary{width:100%;justify-content:center}.business-community-correction form{position:static;width:100%;margin-top:8px}}

/* V1.75 — private messaging */
.business-contact-message-form{margin:0}.business-contact-message{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;font:inherit}.business-contact-message:hover{border-color:var(--primary);color:var(--primary)}

/* V1.76.5 — public service delivery / coverage */
.business-scope-badge{display:inline-flex;align-items:center;gap:5px;padding-inline-start:8px;border-inline-start:1px solid var(--border);color:var(--text-secondary)}.business-scope-badge svg{width:14px;color:var(--primary)}.business-service-area-chips{display:flex;flex-wrap:wrap;gap:8px}.business-service-area-chips>span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--background);font-size:15px;color:var(--text-primary)}.business-service-area-chips>span>svg{width:15px;height:15px;color:var(--primary)}.business-service-area-chips small{font-size:13px;color:var(--text-muted)}.business-global-service-panel p{margin:0;color:var(--text-secondary);line-height:1.8}.business-global-service-panel>header{margin-bottom:10px}@media(max-width:640px){.business-scope-badge{padding-inline-start:0;border-inline-start:0}.business-service-area-chips>span{width:100%;justify-content:flex-start;border-radius:12px}}

/* V1.76.23 — Customer loyalty public stripe */
.business-loyalty-strip{width:100%;margin-top:16px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:14px;background:var(--primary-light);color:var(--text-primary);padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;text-align:start;font:inherit;cursor:pointer}.business-loyalty-strip-icon,.business-loyalty-dialog-icon{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--text-on-primary)}.business-loyalty-strip-copy{min-width:0;display:grid;gap:2px}.business-loyalty-strip-copy strong{color:var(--primary);font-size:14px}.business-loyalty-strip-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.business-loyalty-strip-balance{padding:6px 10px;border-radius:999px;background:var(--surface);color:var(--primary);font-weight:800;font-size:14px;white-space:nowrap}.business-loyalty-strip-arrow{color:var(--primary)}.business-loyalty-modal[hidden]{display:none}.business-loyalty-modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px}.business-loyalty-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48)}.business-loyalty-dialog{position:relative;z-index:1;width:min(100%,560px);max-height:min(86vh,720px);overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-lg);padding:24px;display:grid;gap:16px}.business-loyalty-dialog h2{margin:0;font-size:22px}.business-loyalty-dialog p{margin:5px 0 0;color:var(--text-secondary);line-height:1.8}.business-loyalty-close{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text-primary);display:grid;place-items:center;cursor:pointer}.business-loyalty-user-balance{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border-radius:12px;background:var(--primary-light)}.business-loyalty-user-balance span{color:var(--text-secondary)}.business-loyalty-user-balance strong{color:var(--primary);font-size:18px}.business-loyalty-rules{display:grid;grid-template-columns:1fr 1fr;gap:9px}.business-loyalty-rules>div{padding:12px;border:1px solid var(--border);border-radius:11px;display:grid;gap:4px}.business-loyalty-rules span{color:var(--text-muted);font-size:14px}.business-loyalty-rules strong{font-size:15px}.business-loyalty-separate-note{display:flex;gap:7px;align-items:flex-start;color:var(--text-muted);line-height:1.7}@media(max-width:600px){.business-loyalty-strip{grid-template-columns:auto minmax(0,1fr) auto}.business-loyalty-strip-balance{grid-column:2/4;justify-self:start}.business-loyalty-strip-arrow{grid-row:1;grid-column:3}.business-loyalty-rules{grid-template-columns:1fr}}
html.has-business-loyalty-modal{overflow:hidden}
.business-loyalty-strip + .business-community-listing-card,.business-loyalty-modal + .business-community-listing-card{margin-top:16px}


/* V1.76.31 — Explorer avatar subtle frame in business reviews/questions */
.business-review-avatar,
.business-question-avatar {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 22%, var(--border));
}

/* علِّمنا R18.5 — زر «أفادني» الموحد لتجارب العملاء والترشيحات */
.business-review-helpful{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border:1px solid var(--border);
    border-radius:999px;
    background:var(--surface);
    color:var(--text-muted);
    font:inherit;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.business-review-helpful svg{width:14px;height:14px}
.business-review-helpful strong{font-size:13px;font-weight:750;color:inherit}
.business-review-helpful:hover{border-color:var(--border-strong,var(--border));color:var(--text-secondary)}
.business-review-helpful.is-helpful{
    border-color:var(--primary-light-hover);
    background:var(--primary-light);
    color:var(--primary);
}
.business-review-helpful.is-helpful svg{fill:currentColor}

/* علِّمنا R18.7 — محرر الترشيح داخل تجارب النشاط */
.business-recommend-compose{padding:20px}.business-recommend-compose>header{align-items:flex-start;margin-bottom:16px}.business-recommend-compose>header>div{display:grid;gap:4px}.business-recommend-compose>header h2{font-size:17px}.business-recommend-compose>header p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.7}.business-recommend-notice{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;font-size:13px;line-height:1.65}.business-recommend-notice svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px}.business-recommend-notice.is-success{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}.business-recommend-notice.is-error{border-color:var(--danger,#b42318);background:var(--danger-light,#fff2f0);color:var(--danger,#b42318)}.business-recommend-form{display:grid;gap:14px}.business-recommend-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.business-recommend-choice legend{grid-column:1/-1;margin-bottom:1px;color:var(--text-secondary);font-size:14px;font-weight:700}.business-recommend-choice label{position:relative;cursor:pointer}.business-recommend-choice input{position:absolute;opacity:0;pointer-events:none}.business-recommend-choice label>span{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-secondary);transition:border-color .16s ease,background .16s ease,color .16s ease}.business-recommend-choice label>span svg{width:17px;height:17px}.business-recommend-choice input:checked+span{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}.business-recommend-choice input:checked+span svg{fill:currentColor}.business-recommend-choice input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.business-recommend-text{display:grid;gap:7px}.business-recommend-text>span{font-size:14px;font-weight:700;color:var(--text-secondary)}.business-recommend-text textarea{width:100%;min-height:122px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--background);color:var(--text-primary);font:inherit;font-size:14px;line-height:1.8;resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}.business-recommend-text textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.business-recommend-text small{color:var(--text-muted);font-size:13px}.business-recommend-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.business-recommend-upload{min-height:54px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px dashed var(--border);border-radius:13px;background:var(--background);color:var(--text-secondary);cursor:pointer}.business-recommend-upload:hover{border-color:var(--primary-light-hover);background:var(--primary-light)}.business-recommend-upload>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.business-recommend-upload>svg{width:20px;height:20px;color:var(--primary);flex:0 0 auto}.business-recommend-upload>span{display:grid;gap:1px}.business-recommend-upload b{font-size:14px}.business-recommend-upload small{color:var(--text-muted);font-size:13px}.business-recommend-submit{min-width:148px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--primary);border-radius:13px;background:var(--primary);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.business-recommend-submit:hover{filter:brightness(.97)}.business-recommend-submit svg{width:17px;height:17px}.business-recommend-preview[hidden]{display:none}.business-recommend-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.business-recommend-preview-item{aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--background)}.business-recommend-preview-item img{width:100%;height:100%;display:block;object-fit:cover}.business-recommend-form-status{min-height:0;margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.business-recommend-form-status:empty{display:none}.business-recommend-form-status.is-error{color:var(--danger,#b42318)}.business-recommend-login{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--background)}.business-recommend-login>svg{width:20px;color:var(--primary)}.business-recommend-login>div{display:grid;gap:2px}.business-recommend-login strong{font-size:14px}.business-recommend-login span{color:var(--text-muted);font-size:13px}.business-recommend-login>a{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.business-review-media{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:14px}.business-review-media button{aspect-ratio:1;border:0;padding:0;border-radius:11px;overflow:hidden;background:var(--background);cursor:pointer}.business-review-media img{width:100%;height:100%;display:block;object-fit:cover}.business-review-card:target{border-color:var(--primary-light-hover);box-shadow:0 0 0 3px var(--primary-light)}
@media(max-width:640px){.business-recommend-compose{padding:16px}.business-recommend-choice{grid-template-columns:1fr 1fr}.business-recommend-upload-row{grid-template-columns:1fr}.business-recommend-submit{width:100%}.business-recommend-preview,.business-review-media{grid-template-columns:repeat(3,minmax(0,1fr))}.business-recommend-login{grid-template-columns:auto minmax(0,1fr)}.business-recommend-login>a{grid-column:1/-1;justify-content:center}}

/* R19.15.21 — post-add shopping flow */
.business-order-flash.is-success {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent);
    background: color-mix(in srgb, var(--primary) 7%, var(--surface, #fff));
    color: var(--primary);
}

.business-cart-shortcut.is-attention {
    border-color: var(--primary);
    background: var(--primary-light);
    color: var(--primary);
    animation: alamnaCartAttention .58s ease-in-out 2;
    transform-origin: center;
}

.business-cart-shortcut.is-attention small {
    animation: alamnaCartCountPop .58s ease-in-out 2;
}

@keyframes alamnaCartAttention {
    0%, 100% { transform: translateY(0) scale(1); }
    35% { transform: translateY(-3px) scale(1.035); }
    70% { transform: translateY(1px) scale(.995); }
}

@keyframes alamnaCartCountPop {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); }
}

@media (prefers-reduced-motion: reduce) {
    .business-cart-shortcut.is-attention,
    .business-cart-shortcut.is-attention small {
        animation: none;
    }
}

.business-product-service-duration{margin-top:8px;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;line-height:1.6}.business-product-service-duration svg{width:15px;height:15px;color:var(--primary);flex:0 0 auto}


/* R19.15.41 — كل بطاقة منتج/خدمة لها مسار تفاصيل واضح */
.business-product-detail-link{color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}
.business-product-detail-link:hover{box-shadow:inset 0 0 0 2px var(--primary-light-hover)}
.business-product-detail-link:focus-visible,.business-product-title-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.business-product-title-link{color:inherit;text-decoration:none}
.business-product-title-link:hover{color:var(--primary)}
.business-product-details-cta{margin-top:12px}

/* R19.15.47 — Interactive loyalty points calculator */
.business-loyalty-calculator{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary-light) 62%,var(--surface));padding:14px;display:grid;gap:13px}.business-loyalty-calculator-head{display:flex;align-items:flex-start;gap:10px}.business-loyalty-calculator-head>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border))}.business-loyalty-calculator-head>span svg{width:18px;height:18px}.business-loyalty-calculator-head div{min-width:0;display:grid;gap:2px}.business-loyalty-calculator-head strong{font-size:15px;color:var(--text-primary)}.business-loyalty-calculator-head small{font-size:12px;color:var(--text-secondary);line-height:1.7}.business-loyalty-calculator-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr);gap:10px}.business-loyalty-calculator-fields label{display:grid;gap:6px}.business-loyalty-calculator-fields label>span{font-size:12px;font-weight:700;color:var(--text-secondary)}.business-loyalty-calculator-input{height:44px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:0 11px}.business-loyalty-calculator-input:focus-within{border-color:color-mix(in srgb,var(--primary) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.business-loyalty-calculator-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-weight:800}.business-loyalty-calculator-input b{white-space:nowrap;color:var(--text-muted);font-size:12px}.business-loyalty-calculator-result{padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;gap:10px}.business-loyalty-calculator-result>p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.7}.business-loyalty-calculator-result>p strong{color:var(--text-primary)}.business-loyalty-calculator-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.business-loyalty-calculator-cards>div{padding:10px;border-radius:10px;background:var(--surface-soft);display:grid;gap:3px}.business-loyalty-calculator-cards span{font-size:11px;color:var(--text-muted)}.business-loyalty-calculator-cards strong{font-size:18px;color:var(--primary)}.business-loyalty-calculator-cards strong b{font:inherit}.business-loyalty-calculator-balance{padding-top:8px;border-top:1px dashed var(--border)}.business-loyalty-calculator-note{display:block;color:var(--text-muted);font-size:11px;line-height:1.7}.business-loyalty-calculator-note.is-warning{color:var(--warning,#9a6700)}@media(max-width:600px){.business-loyalty-calculator-fields,.business-loyalty-calculator-cards{grid-template-columns:1fr}.business-loyalty-calculator{padding:12px}}

/* R19.15.76 — Business profile compact mobile-first header, stats and dark navigation strip */
.business-hero{overflow:hidden}
.business-identity-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch;padding:0 24px 22px}
.business-identity-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}
.business-profile-tools{display:flex;align-items:center;gap:8px;padding-top:16px;flex-wrap:nowrap}
.business-profile-tools .business-icon-action{width:42px;height:42px;min-height:42px;flex:0 0 42px;background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-sm)}
.business-profile-tools .business-icon-action:hover{border-color:var(--primary-light-hover);color:var(--primary);background:var(--primary-light)}
.business-identity-copy{padding-top:2px;min-width:0}
.business-title-row{gap:9px}
.business-meta-line{margin-top:8px;row-gap:6px}
.business-contact-actions{display:flex;align-items:stretch;gap:10px;width:100%;margin-top:18px}
.business-contact-actions>a,.business-contact-message-form{flex:1 1 0;min-width:0;width:auto;margin:0}
.business-contact-actions a,.business-contact-message{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:14px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.business-contact-message{background:var(--surface);color:var(--text-primary)}
.business-contact-message:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--primary-light-hover);color:var(--primary)}
.business-profile-role-action{margin-top:10px}
.business-profile-role-action form{margin:0;width:100%}
.business-manage-action,.business-follow-action{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--primary);border-radius:var(--radius-lg);background:var(--primary);color:var(--text-on-primary);font:inherit;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.business-manage-action:hover,.business-follow-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);background:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-on-primary)}
.business-follow-action.is-active{background:var(--primary-light);border-color:var(--primary-light-hover);color:var(--primary)}
.business-manage-action svg,.business-follow-action svg{width:18px;height:18px}

.business-loyalty-strip{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;padding:11px 14px}
.business-loyalty-strip-copy{min-width:0;display:block}
.business-loyalty-strip-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:14px;line-height:1.55}
.business-loyalty-strip-balance{grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;padding:6px 10px;background:var(--surface);font-size:13px}
.business-loyalty-strip-arrow{grid-column:auto!important;grid-row:auto!important;width:18px;height:18px}

.business-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;padding:8px;overflow:visible;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}
.business-stats>div{min-width:0;min-height:60px;padding:9px 8px;border:1px solid var(--border)!important;border-radius:11px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.business-stats strong{display:inline;font-size:18px;line-height:1;font-weight:850;color:var(--text-primary);white-space:nowrap}
.business-stats span{display:inline;margin:0;color:var(--text-muted);font-size:12px;line-height:1.35}
.business-stats .is-recommendation strong{color:var(--primary)}

.business-tabs-shell{position:relative;margin-top:14px;border:1px solid color-mix(in srgb,var(--text-on-primary) 9%,transparent);border-radius:16px;background:var(--preview-dark-background);overflow:hidden;box-shadow:var(--shadow-sm)}
.business-tabs{display:flex;align-items:center;gap:6px;margin:0;padding:8px 12px;overflow-x:auto;overflow-y:hidden;border:0!important;border-radius:0;background:transparent;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.business-tabs::-webkit-scrollbar{display:none}
.business-tabs a{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:11px;color:color-mix(in srgb,var(--text-on-primary) 72%,transparent);scroll-snap-align:center;transition:background .18s ease,color .18s ease,border-color .18s ease}
.business-tabs a:hover{color:var(--text-on-primary);background:color-mix(in srgb,var(--text-on-primary) 7%,transparent)}
.business-tabs a.is-active{background:var(--primary);border-color:color-mix(in srgb,var(--primary) 75%,var(--text-on-primary));color:var(--text-on-primary);font-weight:800;box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 25%,transparent)}
.business-tabs small{background:color-mix(in srgb,var(--text-on-primary) 10%,transparent);color:inherit}
.business-tabs svg{width:16px;height:16px}
.business-tabs-cue{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:34px;height:52px;display:none;align-items:center;justify-content:center;color:var(--text-on-primary);pointer-events:none;opacity:0;transition:opacity .18s ease}
.business-tabs-cue svg{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.business-tabs-cue.is-start{inset-inline-start:0;background:linear-gradient(to left,var(--preview-dark-background) 42%,transparent)}
.business-tabs-cue.is-end{inset-inline-end:0;background:linear-gradient(to right,var(--preview-dark-background) 42%,transparent)}
.business-tabs-shell.can-scroll-start .business-tabs-cue.is-start,.business-tabs-shell.can-scroll-end .business-tabs-cue.is-end{opacity:1}

@media(max-width:900px){
  .business-identity-row{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .business-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .business-stats>div:nth-child(n){border-top:1px solid var(--border)}
}

@media(max-width:640px){
  .business-identity-row{padding:0 14px 14px}
  .business-identity-topline{gap:12px}
  .business-profile-tools{gap:7px;padding-top:12px}
  .business-profile-tools .business-icon-action{width:40px;height:40px;min-height:40px;flex-basis:40px;border-radius:12px}
  .business-identity-copy{padding-top:0}
  .business-title-row h1{font-size:24px}
  .business-meta-line{font-size:14px}
  .business-contact-actions{display:flex;gap:7px;margin-top:15px}
  .business-contact-actions a,.business-contact-message{min-height:46px;padding:0 7px;font-size:13px;gap:6px}
  .business-contact-actions svg{width:17px;height:17px}
  .business-profile-role-action{margin-top:8px}
  .business-manage-action,.business-follow-action{min-height:46px}
  .business-loyalty-strip{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;padding:10px 11px}
  .business-loyalty-strip-icon{width:36px;height:36px}
  .business-loyalty-strip-copy strong{font-size:13px}
  .business-loyalty-strip-balance{padding:5px 8px;font-size:12px}
  .business-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px}
  .business-stats>div{min-height:54px;padding:7px 5px;gap:5px;flex-direction:column}
  .business-stats strong{font-size:17px}
  .business-stats span{font-size:11px}
  .business-tabs-shell{margin-inline:-2px;border-radius:14px}
  .business-tabs{padding:8px 28px;gap:5px}
  .business-tabs a{min-height:40px;padding:0 12px;font-size:13px}
  .business-tabs-cue{display:flex}
}

@media(max-width:420px){
  .business-contact-actions{gap:6px}
  .business-contact-actions a,.business-contact-message{min-height:44px;padding:0 6px;font-size:12px}
  .business-profile-tools .business-icon-action{width:38px;height:38px;min-height:38px;flex-basis:38px}
  .business-loyalty-strip{gap:7px}
  .business-loyalty-strip-copy strong{font-size:12px}
  .business-loyalty-strip-balance{font-size:11px;padding:5px 7px}
}

/* R19.15.77 — Profile polish: follow tool, identity breathing room, loyalty label and green tabs */
.business-profile-tools form{margin:0;display:flex}
.business-profile-tools .business-follow-icon-action{
  background:var(--primary)!important;
  border-color:var(--primary)!important;
  color:var(--text-on-primary)!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 18%,transparent)
}
.business-profile-tools .business-follow-icon-action:hover{
  background:var(--primary-hover)!important;
  border-color:var(--primary-hover)!important;
  color:var(--text-on-primary)!important
}
.business-profile-tools .business-follow-icon-action.is-following{
  background:var(--primary-light)!important;
  border-color:color-mix(in srgb,var(--primary) 45%,var(--border))!important;
  color:var(--primary)!important
}
.business-identity-copy{margin-top:14px;margin-bottom:16px}
.business-contact-actions{margin-top:0}

.business-loyalty-strip-copy{display:grid;gap:1px}
.business-loyalty-strip-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-size:12px;line-height:1.35;font-weight:850}
.business-loyalty-strip-copy strong{font-size:14px}

.business-tabs-shell{
  background:var(--primary);
  border-color:color-mix(in srgb,var(--primary-hover) 40%,var(--primary));
  box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 12%,transparent)
}
.business-tabs a{color:color-mix(in srgb,var(--text-on-primary) 82%,transparent)}
.business-tabs a:hover{color:var(--text-on-primary);background:color-mix(in srgb,var(--text-on-primary) 11%,transparent)}
.business-tabs a.is-active{
  background:var(--text-on-primary);
  border-color:var(--text-on-primary);
  color:var(--primary);
  box-shadow:0 5px 14px color-mix(in srgb,var(--primary-hover) 18%,transparent)
}
.business-tabs a.is-active small{background:var(--primary-light);color:var(--primary)}
.business-tabs-cue{color:var(--text-on-primary)}
.business-tabs-cue.is-start{background:linear-gradient(to left,var(--primary) 48%,transparent)}
.business-tabs-cue.is-end{background:linear-gradient(to right,var(--primary) 48%,transparent)}

@media(max-width:640px){
  .business-identity-copy{margin-top:17px;margin-bottom:17px}
  .business-meta-line{font-size:12.5px;column-gap:5px;row-gap:7px;line-height:1.45}
  .business-meta-line>span:not(.business-presence):not(.business-scope-badge),
  .business-meta-line>strong{white-space:nowrap}
  .business-contact-actions{margin-top:0}
  .business-loyalty-strip-title{font-size:11.5px}
  .business-loyalty-strip-copy strong{font-size:12.5px}
}

@media(max-width:420px){
  .business-meta-line{font-size:12px;column-gap:4px}
  .business-identity-copy{margin-top:16px;margin-bottom:16px}
  .business-loyalty-strip-title{font-size:11px}
  .business-loyalty-strip-copy strong{font-size:12px}
}

/* R19.15.77 — Loyalty strip breathing room */
.business-loyalty-strip{
  width:auto;
  margin-inline:-6px;
  padding:13px 18px;
  column-gap:12px
}
.business-loyalty-strip-copy{padding-inline:2px 8px}
.business-loyalty-strip-title{font-size:12.5px}
@media(max-width:640px){
  .business-loyalty-strip{
    margin-inline:-3px;
    padding:11px 13px;
    column-gap:9px
  }
  .business-loyalty-strip-copy{padding-inline:1px 5px}
  .business-loyalty-strip-title{font-size:12px}
}
@media(max-width:420px){
  .business-loyalty-strip{margin-inline:-2px;padding-inline:12px}
}


/* R19.15.78 — Follow action feedback + loyalty modal polish */
.business-profile-tools .business-follow-icon-action{position:relative}
@media(hover:hover) and (pointer:fine){.business-profile-tools .business-follow-icon-action::after{content:attr(data-follow-label);position:absolute;z-index:30;inset-block-start:calc(100% + 8px);inset-inline-start:50%;transform:translateX(-50%) translateY(-2px);padding:5px 8px;border-radius:8px;background:var(--text-primary);color:var(--surface);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:var(--shadow-sm)}.business-profile-tools .business-follow-icon-action:hover::after,.business-profile-tools .business-follow-icon-action:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}}
.business-follow-feedback{position:fixed;z-index:4100;inset-inline-start:50%;bottom:28px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;max-width:calc(100vw - 28px);padding:9px 13px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:999px;background:var(--surface);color:var(--primary);box-shadow:var(--shadow-md);font-size:13px;font-weight:800;white-space:nowrap}.business-follow-feedback svg{width:16px;height:16px;flex:0 0 16px}
.business-loyalty-strip{width:100%;margin-inline:0;padding:11px 14px;column-gap:10px}.business-loyalty-strip-copy{padding-inline:0}.business-loyalty-dialog{width:min(92vw,760px)}
@media(max-width:640px){.business-loyalty-strip{margin-inline:0;padding:10px 11px;column-gap:8px}.business-loyalty-strip-copy{padding-inline:0}.business-loyalty-dialog{width:min(100%,680px);padding:20px}}
@media(max-width:420px){.business-loyalty-strip{margin-inline:0;padding-inline:11px}.business-follow-feedback{bottom:86px;font-size:12px}}

/* R19.16.61 — Customer experience created through a business trial invitation. */
.business-review-invitation-disclosure {
    margin-top: 14px;
    padding: 9px 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--secondary-light-hover, #fdefd4);
    border-radius: 11px;
    background: var(--secondary-light, #fdf8ef);
    color: var(--secondary, #ae7e2b);
    font-size: 13px;
    font-weight: 700;
}
.business-review-invitation-disclosure svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
}

/* =========================================================
   R19.16.68 — Product card gallery regression restore
   - Public product/service card image is square 1:1.
   - Multiple product_media images render as an in-card slider.
   - Keeps the card link behavior while navigation controls stay interactive.
   ========================================================= */
.business-product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.business-product-gallery {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--background);
    isolation: isolate;
    touch-action: pan-y;
}

.business-product-gallery .business-product-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease;
    z-index: 1;
}

.business-product-gallery .business-product-image.is-active,
.business-product-gallery .business-product-image.is-placeholder {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.business-product-gallery .business-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.business-product-gallery-nav {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
    border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    color: var(--text-primary);
    display: grid;
    place-items: center;
    padding: 0;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.business-product-gallery-nav:hover,
.business-product-gallery-nav:focus-visible {
    background: var(--surface);
    color: var(--primary);
    outline: none;
}

.business-product-gallery-nav.is-prev { inset-inline-start: 10px; }
.business-product-gallery-nav.is-next { inset-inline-end: 10px; }
.business-product-gallery-nav svg { width: 18px; height: 18px; }

.business-product-gallery-dots {
    position: absolute;
    z-index: 4;
    inset-inline-start: 50%;
    bottom: 10px;
    transform: translateX(50%);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .32);
}

html[dir="ltr"] .business-product-gallery-dots { transform: translateX(-50%); }

.business-product-gallery-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,.58);
    transition: width .18s ease, background .18s ease;
}

.business-product-gallery-dots span.is-active {
    width: 15px;
    border-radius: 999px;
    background: #fff;
}

.business-product-gallery-count {
    position: absolute;
    z-index: 4;
    inset-inline-end: 10px;
    top: 10px;
    min-width: 38px;
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .48);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    direction: ltr;
}

@media (hover: none) {
    .business-product-gallery-nav { width: 34px; height: 34px; }
}

@media (max-width: 640px) {
    .business-product-gallery-nav { width: 34px; height: 34px; }
    .business-product-gallery-nav.is-prev { inset-inline-start: 8px; }
    .business-product-gallery-nav.is-next { inset-inline-end: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .business-product-gallery .business-product-image,
    .business-product-gallery-dots span { transition: none; }
}

/* =========================================================
   R19.16.69 — Product card contract + verified business footer
   ========================================================= */
.business-product-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.business-product-gallery {
    position: relative;
    isolation: isolate;
}

.business-product-discount-badge,
.business-product-ordered-badge {
    position: absolute;
    z-index: 7;
    top: 12px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--surface) 35%, transparent);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.business-product-discount-badge {
    inset-inline-start: 12px;
    background: color-mix(in srgb, var(--primary) 92%, transparent);
    color: var(--text-on-primary, #fff);
}

.business-product-ordered-badge {
    inset-inline-end: 12px;
    background: color-mix(in srgb, var(--surface) 92%, transparent);
    color: var(--primary);
}

.business-product-ordered-badge svg {
    width: 14px;
    height: 14px;
}

.business-product-like-overlay {
    position: absolute !important;
    z-index: 8;
    inset-inline-start: 50%;
    bottom: 12px;
    transform: translateX(50%);
    margin: 0 !important;
}

html[dir="ltr"] .business-product-like-overlay {
    transform: translateX(-50%);
}

form.business-product-like-overlay {
    display: block;
}

.business-product-like-overlay.business-product-like,
.business-product-like-overlay .business-product-like {
    min-height: 38px;
    padding: 0 12px;
    border-color: color-mix(in srgb, var(--surface) 54%, transparent);
    background: color-mix(in srgb, var(--surface) 90%, transparent);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.business-product-like-overlay.business-product-like:hover,
.business-product-like-overlay .business-product-like:hover,
.business-product-like-overlay.business-product-like.is-liked,
.business-product-like-overlay .business-product-like.is-liked {
    border-color: var(--primary-light-hover);
    background: color-mix(in srgb, var(--primary-light) 94%, transparent);
    color: var(--primary);
}

.business-product-gallery-dots {
    bottom: 58px;
}

.business-product-gallery-count {
    top: 50px;
}

.business-product-copy {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.business-product-footer {
    justify-content: center;
    margin-top: auto;
}

.business-product-price-wrap {
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 9px;
    text-align: center;
    direction: rtl;
}

.business-product-old-price {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
}

.business-product-price-wrap .business-product-price {
    color: var(--primary);
    font-size: 18px;
    font-weight: 800;
}

.business-verified-footer {
    margin-top: 16px;
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: clamp(24px, 5vw, 56px);
    align-items: start;
}

.business-verified-footer-brand {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.business-verified-footer-logo {
    display: block;
    width: auto;
    max-width: min(220px, 100%);
    height: auto;
    max-height: 96px;
    object-fit: contain;
    object-position: center;
    background: transparent;
}

.business-verified-footer-logo.is-placeholder {
    width: 74px;
    height: 74px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--background);
    color: var(--primary);
    display: grid;
    place-items: center;
}

.business-verified-footer-logo.is-placeholder svg {
    width: 32px;
    height: 32px;
}

.business-verified-footer-brand p {
    max-width: 650px;
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.9;
}

.business-verified-footer-trust {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--primary-light);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
}

.business-verified-footer-trust svg {
    width: 16px;
    height: 16px;
}

.business-verified-footer-links {
    display: grid;
    gap: 10px;
}

.business-verified-footer-links > a,
.business-verified-footer-info {
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--background);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    color: var(--text-secondary);
}

.business-verified-footer-links > a:hover {
    border-color: var(--primary-light-hover);
    color: var(--primary);
}

.business-verified-footer-links > a > span:nth-child(2),
.business-verified-footer-info > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.business-verified-footer-links small,
.business-verified-footer-info small {
    color: var(--text-muted);
    font-size: 12px;
}

.business-verified-footer-links strong,
.business-verified-footer-info strong {
    color: var(--text-primary);
    font-size: 14px;
    overflow-wrap: anywhere;
}

.business-verified-footer-links > a > svg {
    width: 15px;
    height: 15px;
    color: var(--text-muted);
}

.business-verified-footer-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--surface);
    color: var(--primary);
    display: grid;
    place-items: center;
    overflow: hidden;
}

.business-verified-footer-icon svg,
.business-verified-footer-icon img {
    width: 21px;
    height: 21px;
    object-fit: contain;
}

@media (max-width: 760px) {
    .business-verified-footer {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 20px 16px;
    }

    .business-verified-footer-logo {
        max-width: 180px;
        max-height: 84px;
    }

    .business-product-discount-badge,
    .business-product-ordered-badge {
        top: 9px;
        min-height: 28px;
        padding: 0 8px;
        font-size: 11px;
    }

    .business-product-discount-badge { inset-inline-start: 9px; }
    .business-product-ordered-badge { inset-inline-end: 9px; }
    .business-product-gallery-count { top: 45px; }
}

/* =========================================================
   R19.16.72 — Product cards carousel + image gallery + price contract
   - Desktop: exactly 4 product cards per visible row.
   - More products stay in the same horizontal slider.
   - Image count is represented by dots only (no 1 / N counter).
   - Current price is geometrically centered; old price sits to its right.
   ========================================================= */
.business-products-slider {
    position: relative;
    min-width: 0;
}

.business-products-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 42px) / 4);
    gap: 14px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: inline mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 1px;
}

.business-products-grid::-webkit-scrollbar {
    display: none;
}

.business-products-grid > .business-product-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    min-width: 0;
}

.business-products-slider-nav {
    position: absolute;
    z-index: 15;
    top: min(170px, 28vw);
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    color: var(--text-primary);
    display: none;
    place-items: center;
    padding: 0;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.business-products-slider.is-overflowing .business-products-slider-nav {
    display: grid;
}

.business-products-slider-nav.is-prev { inset-inline-start: 8px; }
.business-products-slider-nav.is-next { inset-inline-end: 8px; }
.business-products-slider-nav svg { width: 19px; height: 19px; }
.business-products-slider-nav:hover,
.business-products-slider-nav:focus-visible {
    color: var(--primary);
    border-color: var(--primary-light-hover);
    background: var(--surface);
    outline: none;
}
.business-products-slider-nav:disabled {
    opacity: .38;
    cursor: default;
}

/* Product image gallery: dots are the only image-count indicator. */
.business-product-gallery-count {
    display: none !important;
}

.business-product-gallery:not(.has-multiple) {
    touch-action: auto;
}

.business-product-gallery-dots {
    bottom: 58px;
}

.business-product-gallery-dots button {
    width: 7px;
    height: 7px;
    min-width: 7px;
    min-height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.62);
    cursor: pointer;
    transition: width .18s ease, background .18s ease, transform .18s ease;
}

.business-product-gallery-dots button.is-active {
    width: 17px;
    background: #fff;
}

.business-product-gallery-dots button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Keep the live/current price exactly in the center of the card.
   The former price occupies the right-side lane and has no currency icon/text. */
.business-product-price-wrap {
    position: relative;
    width: 100%;
    min-height: 34px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: baseline;
    gap: 9px;
    direction: ltr !important;
    text-align: center;
}

.business-product-price-wrap .business-product-price {
    grid-column: 2;
    justify-self: center;
    text-align: center;
    unicode-bidi: plaintext;
}

.business-product-price-wrap .business-product-old-price {
    grid-column: 3;
    justify-self: start;
    margin: 0;
    color: var(--text-muted);
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .business-products-grid {
        grid-template-columns: none !important;
        grid-auto-columns: calc((100% - 14px) / 2);
    }

    .business-products-slider-nav {
        top: min(190px, 38vw);
    }
}

@media (max-width: 640px) {
    .business-products-grid {
        grid-template-columns: none !important;
        grid-auto-columns: 100%;
        gap: 10px;
    }

    .business-products-slider-nav {
        width: 36px;
        height: 36px;
        top: min(180px, 48vw);
    }
}

@media (prefers-reduced-motion: reduce) {
    .business-products-grid {
        scroll-behavior: auto;
    }
    .business-product-gallery-dots button {
        transition: none;
    }
}

/* =========================================================
   R19.16.73 — Outside product-carousel arrows + price baseline/icon
   - The list-carousel arrows live OUTSIDE the first/last visible cards.
   - Old price stays on the physical right, aligned with the live price.
   - Saudi Riyal icon belongs only to the live price and sits on its left.
   ========================================================= */
@media (min-width: 901px) {
    .business-products-slider {
        overflow: visible;
    }

    .business-products-slider-nav {
        top: 50%;
        transform: translateY(-50%);
        width: 42px;
        height: 42px;
        background: var(--surface);
        border-color: var(--border);
        box-shadow: var(--shadow-md, 0 8px 22px rgba(0,0,0,.12));
    }

    /* RTL: inline-start = physical right, inline-end = physical left. */
    .business-products-slider-nav.is-prev {
        inset-inline-start: -23px;
    }

    .business-products-slider-nav.is-next {
        inset-inline-end: -23px;
    }
}

.business-product-price-wrap {
    min-height: 38px;
    align-items: center !important;
    line-height: 1;
}

.business-product-price-wrap .business-product-price {
    grid-column: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 30px;
    line-height: 1;
    color: var(--primary);
    direction: ltr;
    unicode-bidi: isolate;
}

.business-product-current-price-text {
    display: inline-block;
    line-height: 1;
    color: var(--primary);
    direction: ltr;
    unicode-bidi: plaintext;
}

.business-product-riyal-icon {
    order: 2; /* DOM follows the number; in LTR flex this places it physically LEFT only when row-reversed below. */
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    object-fit: contain;
    filter: none;
}

/* Put the currency icon physically to the LEFT of the current value. */
.business-product-price-wrap .business-product-price {
    flex-direction: row-reverse;
}

.business-product-price-wrap .business-product-old-price {
    grid-column: 3;
    justify-self: start;
    align-self: center;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin: 0 !important;
    padding: 0;
    line-height: 1;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .business-products-slider-nav.is-prev { inset-inline-start: 6px; }
    .business-products-slider-nav.is-next { inset-inline-end: 6px; }
}

/* =========================================================
   R19.16.74 — Full-height product-list navigation rails
   - Product-list navigation is separated from the image-gallery arrows.
   - The interactive target spans the full product-card height.
   - Desktop rails live outside the first/last visible card.
   - Mobile/tablet rails use the panel gutter and no longer stack on image arrows.
   ========================================================= */
.business-products-slider-nav {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    width: 34px !important;
    transform: none !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--surface) 76%, transparent) !important;
    color: var(--text-secondary) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    align-items: center;
    justify-items: center;
    transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}

.business-products-slider-nav svg {
    width: 28px !important;
    height: 28px !important;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface);
    color: currentColor;
    box-shadow: var(--shadow-sm);
}

.business-products-slider-nav:hover,
.business-products-slider-nav:focus-visible {
    background: color-mix(in srgb, var(--primary-light) 62%, transparent) !important;
    border-color: var(--primary-light-hover) !important;
    color: var(--primary) !important;
    outline: none;
}

.business-products-slider-nav:disabled {
    opacity: .22 !important;
    pointer-events: none;
}

/* RTL: inline-start is the physical right edge, inline-end the physical left edge. */
@media (min-width: 901px) {
    .business-products-slider-nav.is-prev {
        inset-inline-start: -38px !important;
    }

    .business-products-slider-nav.is-next {
        inset-inline-end: -38px !important;
    }
}

@media (max-width: 900px) {
    .business-products-slider-nav {
        width: 30px !important;
        border-radius: 12px !important;
    }

    .business-products-slider-nav.is-prev {
        inset-inline-start: -10px !important;
    }

    .business-products-slider-nav.is-next {
        inset-inline-end: -10px !important;
    }
}

@media (max-width: 640px) {
    .business-products-slider-nav {
        width: 28px !important;
        background: color-mix(in srgb, var(--surface) 84%, transparent) !important;
    }

    .business-products-slider-nav.is-prev {
        inset-inline-start: -8px !important;
    }

    .business-products-slider-nav.is-next {
        inset-inline-end: -8px !important;
    }

    .business-products-slider-nav svg {
        width: 26px !important;
        height: 26px !important;
        padding: 5px;
    }
}

/* =========================================================
   R19.16.75 — In-panel product carousel rails + exact price baseline
   - Reserve navigation gutters INSIDE the product slider/panel.
   - Rails use a persistent primary-light surface so discoverability does not
     depend on hover, while hover/focus remains stronger.
   - Old/current prices are explicitly pinned to the same grid row.
   - Saudi Riyal icon remains attached only to the current price and is tinted
     with the Alamna primary green.
   ========================================================= */
.business-products-slider {
    overflow: hidden !important;
    padding-inline: 38px;
    box-sizing: border-box;
}

.business-products-slider-nav {
    width: 32px !important;
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    transform: none !important;
    border-radius: 12px !important;
    background: color-mix(in srgb, var(--primary-light) 72%, var(--surface)) !important;
    border-color: color-mix(in srgb, var(--primary) 18%, var(--border)) !important;
    color: var(--primary) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.business-products-slider-nav:hover,
.business-products-slider-nav:focus-visible {
    background: color-mix(in srgb, var(--primary-light-hover) 86%, var(--surface)) !important;
    border-color: color-mix(in srgb, var(--primary) 42%, var(--border)) !important;
    color: var(--primary) !important;
}

.business-products-slider-nav svg {
    background: var(--surface) !important;
    color: var(--primary) !important;
    border-color: color-mix(in srgb, var(--primary) 22%, var(--border)) !important;
}

/* Keep both rails inside the slider's own box. */
.business-products-slider-nav.is-prev {
    inset-inline-start: 0 !important;
}

.business-products-slider-nav.is-next {
    inset-inline-end: 0 !important;
}

/* Disabled edge still communicates that this is carousel navigation. */
.business-products-slider-nav:disabled {
    opacity: .42 !important;
    pointer-events: none;
}

/* Explicit row placement prevents CSS Grid auto-placement from lifting the
   old price above the live price. Physical right lane remains column 3. */
.business-product-price-wrap {
    align-items: center !important;
}

.business-product-price-wrap .business-product-price,
.business-product-price-wrap .business-product-old-price {
    grid-row: 1 !important;
    align-self: center !important;
    margin-block: 0 !important;
}

.business-product-price-wrap .business-product-price {
    line-height: 30px !important;
}

.business-product-price-wrap .business-product-old-price {
    line-height: 30px !important;
}

.business-product-riyal-icon {
    filter: brightness(0) saturate(100%) invert(35%) sepia(50%) saturate(1535%) hue-rotate(111deg) brightness(86%) contrast(101%);
}

@media (max-width: 900px) {
    .business-products-slider {
        padding-inline: 34px;
    }

    .business-products-slider-nav {
        width: 28px !important;
    }
}

@media (max-width: 640px) {
    .business-products-slider {
        padding-inline: 30px;
    }

    .business-products-slider-nav {
        width: 25px !important;
        border-radius: 10px !important;
    }

    .business-products-slider-nav svg {
        width: 24px !important;
        height: 24px !important;
        padding: 5px !important;
    }
}

/* =========================================================
   R19.16.79 — Verified business footer V2 + business custom pages
   ========================================================= */
.business-verified-footer{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1fr)!important;
    gap:clamp(22px,3vw,42px)!important;
    direction:rtl;
}
.business-verified-footer-column{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:13px}
.business-verified-footer-column h3{margin:0 0 2px;font-size:15px;color:var(--text-primary)}
.business-verified-footer-brand{align-items:flex-start}
.business-verified-footer-logo-link{display:block;max-width:100%;text-decoration:none}
.business-verified-footer-logo-frame{
    width:min(300px,100%);aspect-ratio:3/1;border:1px solid var(--border);border-radius:16px;
    background:var(--background);display:grid;place-items:center;overflow:hidden;padding:10px;
}
.business-verified-footer-logo-frame.is-placeholder{color:var(--primary)}
.business-verified-footer-logo-frame.is-placeholder svg{width:34px;height:34px}
.business-verified-footer-logo{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;object-position:center;background:transparent}
.business-verified-footer-logo-dark{display:none}
html[data-theme="dark"] .business-verified-footer-logo-light{display:none}
html[data-theme="dark"] .business-verified-footer-logo-dark{display:block}
.business-verified-footer-description{max-width:680px!important;margin:0!important;color:var(--text-secondary);line-height:1.9}
.business-verified-footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.business-verified-footer-socials>a{width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:var(--background);color:var(--primary);display:grid;place-items:center;transition:.18s ease}
.business-verified-footer-socials>a:hover{border-color:var(--primary-light-hover);background:var(--primary-light);transform:translateY(-1px)}
.business-verified-footer-socials svg,.business-verified-footer-socials img{width:19px;height:19px;object-fit:contain}
.business-verified-footer-pages nav{display:grid;gap:9px}
.business-verified-footer-page-link{
    min-height:58px;padding:9px 11px;border:1px solid var(--border);border-radius:14px;background:var(--background);
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--text-secondary);text-decoration:none
}
.business-verified-footer-page-link:hover{border-color:var(--primary-light-hover);background:var(--primary-light);color:var(--primary)}
.business-verified-footer-page-link.is-cart{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary-light) 55%,var(--background))}
.business-verified-footer-page-icon{width:38px;height:38px;border-radius:11px;background:var(--surface);display:grid;place-items:center;color:var(--primary)}
.business-verified-footer-page-icon svg{width:18px;height:18px}
.business-verified-footer-page-link>span:nth-child(2){min-width:0;display:grid;gap:2px}
.business-verified-footer-page-link strong{color:var(--text-primary);font-size:14px;overflow-wrap:anywhere}
.business-verified-footer-page-link small{color:var(--text-muted);font-size:12px}
.business-verified-footer-page-link>svg{width:15px;height:15px;color:var(--text-muted)}
.business-verified-footer-contact .business-verified-footer-links{width:100%}

.business-custom-page-public .business-custom-page-business-head{margin-bottom:16px}
.business-custom-page-business-head .business-cover{height:210px}
.business-custom-page-business-head .business-identity-row{grid-template-columns:auto minmax(0,1fr);align-items:end}
.business-custom-page-business-head .business-logo{width:108px;height:108px}
.business-custom-page-business-home{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:var(--primary);font-size:13px;font-weight:700;text-decoration:none}
.business-custom-page-business-home svg{width:15px;height:15px}
.business-custom-page-tabs{margin-bottom:16px}
.business-custom-page-article{padding:clamp(22px,4vw,40px);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}
.business-custom-page-title{margin:0;font-size:clamp(26px,4vw,38px);line-height:1.35;color:var(--text-primary)}
.business-custom-page-meta{margin-top:14px;padding-bottom:18px;border-bottom:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;color:var(--text-muted);font-size:13px}
.business-custom-page-author{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-weight:700}
.business-custom-page-author:hover{color:var(--primary)}
.business-custom-page-author-logo{width:30px;height:30px;border:1px solid var(--border);border-radius:9px;background:var(--background);display:grid;place-items:center;overflow:hidden;color:var(--primary)}
.business-custom-page-author-logo img{width:100%;height:100%;object-fit:contain}.business-custom-page-author-logo svg{width:16px;height:16px}
.business-custom-page-view-count{display:inline-flex;align-items:center;gap:6px}.business-custom-page-view-count svg{width:15px;height:15px}
.business-custom-page-body{max-width:980px;margin:24px auto 0;font-size:16px;line-height:2;color:var(--text-secondary);overflow-wrap:anywhere}
.business-custom-page-body p{margin:0 0 1.2em}.business-custom-page-body p:last-child{margin-bottom:0}.business-custom-page-body strong{color:var(--text-primary);font-weight:800}
@media(max-width:980px){.business-verified-footer{grid-template-columns:1fr 1fr!important}.business-verified-footer-brand{grid-column:1/-1}}
@media(max-width:760px){
    .business-verified-footer{grid-template-columns:1fr!important;padding:20px 16px!important}.business-verified-footer-brand{grid-column:auto}
    .business-verified-footer-logo-frame{width:min(260px,100%)}
    .business-custom-page-business-head .business-cover{height:150px}
    .business-custom-page-business-head .business-logo{width:82px;height:82px}
    .business-custom-page-article{padding:20px 16px}.business-custom-page-meta{align-items:flex-start;flex-direction:column}
}
.business-custom-page-business-name{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.25;color:var(--text-primary)}
/* R19.16.80 — additional-page lists */
.business-custom-page-body ul,.business-custom-page-body ol{margin:0 0 1.2em;padding-inline-start:1.65em;display:grid;gap:.45em}
.business-custom-page-body[dir="rtl"] ul,.business-custom-page-body[dir="rtl"] ol{padding-inline-start:0;padding-inline-end:1.65em}
.business-custom-page-body li{padding-inline-start:.2em}
.business-custom-page-body li::marker{color:var(--primary);font-weight:800}



/* =========================================================
   R19.16.81 — Custom page clean article + footer link list polish
   ========================================================= */
.business-custom-page-public{
    display:grid;
    gap:16px;
}
.business-custom-page-back-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.business-custom-page-back{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:40px;
    padding:8px 12px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--surface);
    color:var(--text-secondary);
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:.18s ease;
}
.business-custom-page-back:hover{
    border-color:var(--primary-light-hover);
    background:var(--primary-light);
    color:var(--primary);
}
.business-custom-page-back svg{width:16px;height:16px;flex:0 0 16px}
.business-custom-page-back strong{color:inherit}

/* The policy/article is one clear container: title -> metadata -> divider -> content. */
.business-custom-page-article{
    padding:clamp(22px,4vw,40px)!important;
    border:1px solid var(--border)!important;
    border-radius:var(--radius-xl)!important;
    background:var(--surface)!important;
}
.business-custom-page-title{
    margin:0!important;
    font-size:clamp(26px,4vw,38px)!important;
    line-height:1.35!important;
}
.business-custom-page-meta{
    margin-top:14px!important;
    padding-bottom:18px!important;
    border-bottom:1px solid var(--border)!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px 18px!important;
    color:var(--text-muted)!important;
    font-size:13px!important;
}
.business-custom-page-author{
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    color:var(--text-secondary)!important;
    text-decoration:none!important;
}
.business-custom-page-author:hover{color:var(--primary)!important}
.business-custom-page-author-logo{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--background)!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    color:var(--primary)!important;
}
.business-custom-page-author-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.business-custom-page-author-logo svg{width:17px!important;height:17px!important}
.business-custom-page-meta-copy{display:grid;gap:1px;line-height:1.35}
.business-custom-page-meta-copy small{font-size:11px;color:var(--text-muted);font-weight:600}
.business-custom-page-meta-copy strong{font-size:13px;color:var(--text-primary);font-weight:800}
.business-custom-page-meta-item{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:var(--text-muted)!important;
    line-height:1.4!important;
}
.business-custom-page-meta-item > svg,
.business-custom-page-view-count > svg,
.business-custom-page-date > svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    stroke-width:1.8!important;
}
.business-custom-page-body{
    max-width:none!important;
    width:100%!important;
    margin:24px 0 0!important;
}

/* Footer logo: plain/transparent 3:1 presentation, no tinted plate behind the logo. */
.business-verified-footer-logo-frame{
    width:min(300px,100%)!important;
    aspect-ratio:3/1!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
}
.business-verified-footer-logo-frame.is-placeholder{
    min-height:72px;
    border:1px dashed var(--border)!important;
    border-radius:12px!important;
}

/* Footer center column is a simple bullet link list, not cards. */
.business-verified-footer-pages nav{
    display:grid!important;
    gap:7px!important;
}
.business-verified-footer-page-link,
.business-verified-footer-page-link.is-cart{
    min-height:0!important;
    padding:3px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    color:var(--text-secondary)!important;
    text-decoration:none!important;
}
.business-verified-footer-page-link:hover,
.business-verified-footer-page-link.is-cart:hover{
    border:0!important;
    background:transparent!important;
    color:var(--primary)!important;
    transform:none!important;
}
.business-verified-footer-page-bullet{
    width:6px;
    height:6px;
    flex:0 0 6px;
    margin-top:.55em;
    border-radius:999px;
    background:currentColor;
    color:var(--primary);
}
.business-verified-footer-page-link strong{
    min-width:0;
    color:inherit!important;
    font-size:14px!important;
    line-height:1.65!important;
    font-weight:700!important;
    overflow-wrap:anywhere;
}
.business-verified-footer-page-icon,
.business-verified-footer-page-link > svg,
.business-verified-footer-page-link small{display:none!important}

@media(max-width:760px){
    .business-custom-page-public{gap:12px}
    .business-custom-page-back{font-size:13px}
    .business-custom-page-article{padding:20px 16px!important}
    .business-custom-page-meta{
        align-items:flex-start!important;
        flex-direction:row!important;
        gap:12px 16px!important;
    }
    .business-custom-page-author{width:100%}
    .business-verified-footer-logo-frame{width:min(260px,100%)!important}
}

/* =========================================================
   R19.16.82 — Mobile list markers containment + RTL footer data alignment
   ========================================================= */
/*
 * Do not rely on browser-native outside markers for policy content.
 * Safari/WebKit can place RTL markers beyond the article content box on narrow screens.
 * Custom logical-position markers stay inside the content box in both RTL and LTR.
 */
.business-custom-page-body ul,
.business-custom-page-body ol,
.business-custom-page-body[dir="rtl"] ul,
.business-custom-page-body[dir="rtl"] ol,
.business-custom-page-body[dir="ltr"] ul,
.business-custom-page-body[dir="ltr"] ol{
    list-style:none!important;
    padding-inline:0!important;
    margin-inline:0!important;
}
.business-custom-page-body ol{
    counter-reset:alamna-policy-list;
}
.business-custom-page-body ol > li{
    counter-increment:alamna-policy-list;
}
.business-custom-page-body ul > li,
.business-custom-page-body ol > li{
    position:relative;
    padding-inline-start:2rem!important;
    padding-inline-end:0!important;
    min-width:0;
}
.business-custom-page-body ul > li::before,
.business-custom-page-body ol > li::before{
    position:absolute;
    inset-inline-start:.2rem;
    top:0;
    width:1.45rem;
    text-align:center;
    color:var(--primary);
    font-weight:800;
    line-height:inherit;
}
.business-custom-page-body ul > li::before{
    content:"•";
    font-size:1.08em;
}
.business-custom-page-body ol > li::before{
    content:counter(alamna-policy-list) ".";
    font-variant-numeric:tabular-nums;
}
.business-custom-page-body li::marker{
    content:""!important;
}

/* Arabic footer: keep LTR numbers readable, but anchor their visual position to the right. */
html[dir="rtl"] .business-verified-footer-contact,
html[dir="rtl"] .business-verified-footer-contact h3,
html[dir="rtl"] .business-verified-footer-contact .business-verified-footer-links{
    text-align:right!important;
}
html[dir="rtl"] .business-verified-footer-contact .business-verified-footer-links > a > span:nth-child(2),
html[dir="rtl"] .business-verified-footer-contact .business-verified-footer-info > span:nth-child(2){
    justify-items:start!important;
    text-align:right!important;
}
html[dir="rtl"] .business-verified-footer-contact .business-verified-footer-links strong[dir="ltr"],
html[dir="rtl"] .business-verified-footer-contact .business-verified-footer-info strong[dir="ltr"]{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:right!important;
    justify-self:start!important;
}

/* English remains naturally left aligned. */
html[dir="ltr"] .business-verified-footer-contact,
html[dir="ltr"] .business-verified-footer-contact h3,
html[dir="ltr"] .business-verified-footer-contact .business-verified-footer-links,
html[dir="ltr"] .business-verified-footer-contact .business-verified-footer-links > a > span:nth-child(2),
html[dir="ltr"] .business-verified-footer-contact .business-verified-footer-info > span:nth-child(2){
    text-align:left!important;
}

@media(max-width:760px){
    .business-custom-page-body ul > li,
    .business-custom-page-body ol > li{
        padding-inline-start:1.85rem!important;
    }
    .business-custom-page-body ul > li::before,
    .business-custom-page-body ol > li::before{
        inset-inline-start:.05rem;
        width:1.35rem;
    }
}

/* =========================================================
   R19.16.84 — Verified footer mirrors with document language
   ========================================================= */
/*
 * R19.16.79 intentionally fixed the verified-business footer to RTL.
 * That kept the Arabic layout correct, but it also forced the English
 * footer to keep the Arabic physical column order. Let the document
 * direction own the footer direction so the three columns mirror cleanly:
 * AR => brand right / links center / business details left
 * EN => brand left  / links center / business details right
 */
html[dir="rtl"] .business-verified-footer{
    direction:rtl!important;
}
html[dir="ltr"] .business-verified-footer,
html[lang^="en"] .business-verified-footer{
    direction:ltr!important;
}

html[dir="ltr"] .business-verified-footer-column,
html[lang^="en"] .business-verified-footer-column{
    text-align:left;
}
html[dir="ltr"] .business-verified-footer-brand,
html[lang^="en"] .business-verified-footer-brand{
    align-items:flex-start;
}
html[dir="ltr"] .business-verified-footer-socials,
html[lang^="en"] .business-verified-footer-socials{
    justify-content:flex-start;
}
html[dir="ltr"] .business-verified-footer-page-link,
html[lang^="en"] .business-verified-footer-page-link,
html[dir="ltr"] .business-verified-footer-links > a,
html[lang^="en"] .business-verified-footer-links > a,
html[dir="ltr"] .business-verified-footer-info,
html[lang^="en"] .business-verified-footer-info{
    direction:ltr;
}

/* =========================================================
   R19.16.85 — Category-contained product carousels + mobile like control
   - Remove the generic Products & services heading.
   - Each leaf product category owns its own bordered panel.
   - Category title/count are centered between compact carousel controls.
   - Controls only become visible when that category actually overflows.
   - The business order cart is a full-width primary shortcut.
   - Mobile keeps heart + count and hides only the Like text label.
   ========================================================= */
.business-catalog-stack {
    display: grid;
    gap: 16px;
}

.business-cart-shortcut.business-cart-shortcut-wide {
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    justify-content: center;
    padding-inline: 18px;
    border-color: color-mix(in srgb, var(--primary) 26%, var(--border));
    background: color-mix(in srgb, var(--primary-light) 72%, var(--surface));
    color: var(--primary);
    font-size: 15px;
}

.business-cart-shortcut.business-cart-shortcut-wide:hover,
.business-cart-shortcut.business-cart-shortcut-wide:focus-visible,
.business-cart-shortcut.business-cart-shortcut-wide.has-items {
    border-color: color-mix(in srgb, var(--primary) 48%, var(--border));
    background: color-mix(in srgb, var(--primary-light-hover) 82%, var(--surface));
    color: var(--primary);
    outline: none;
}

.business-cart-shortcut.business-cart-shortcut-wide span {
    display: inline !important;
}

.business-product-category-stack {
    display: grid;
    gap: 16px;
}

.business-product-category-panel {
    min-width: 0;
    padding: 18px 20px 20px;
    overflow: hidden;
}

.business-product-category-slider {
    min-width: 0;
}

.business-product-category-header {
    direction: inherit;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.business-product-category-title {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

.business-product-category-title h2 {
    min-width: 0;
    margin: 0;
    color: var(--text-primary);
    font-size: 18px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.business-product-category-count {
    min-width: 27px;
    height: 27px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--primary-light);
    color: var(--primary);
    font-size: 13px;
    font-weight: 800;
}

.business-product-category-nav {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--primary-light) 78%, var(--surface));
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: background .18s ease, border-color .18s ease, opacity .18s ease, transform .18s ease;
}

.business-product-category-nav svg {
    width: 19px;
    height: 19px;
}

.business-product-category-slider.is-overflowing .business-product-category-nav {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.business-product-category-nav:hover,
.business-product-category-nav:focus-visible {
    border-color: color-mix(in srgb, var(--primary) 52%, var(--border));
    background: var(--primary-light-hover);
    outline: none;
    transform: translateY(-1px);
}

.business-product-category-nav:disabled {
    opacity: .34 !important;
    pointer-events: none !important;
    transform: none;
}

.business-product-category-slider > .business-products-grid {
    width: 100%;
    padding: 1px;
}

.business-catalog-empty {
    min-height: 220px;
}

@media (max-width: 640px) {
    .business-catalog-stack {
        gap: 12px;
    }

    .business-product-category-stack {
        gap: 12px;
    }

    .business-product-category-panel {
        padding: 14px 12px 14px;
        border-radius: 16px;
    }

    .business-product-category-header {
        gap: 7px;
        margin-bottom: 12px;
    }

    .business-product-category-title {
        gap: 6px;
    }

    .business-product-category-title h2 {
        font-size: 16px;
    }

    .business-product-category-count {
        min-width: 24px;
        height: 24px;
        padding-inline: 7px;
        font-size: 12px;
    }

    .business-product-category-nav {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 10px;
    }

    .business-product-category-nav svg {
        width: 18px;
        height: 18px;
    }

    .business-cart-shortcut.business-cart-shortcut-wide {
        min-height: 48px;
        width: 100% !important;
        padding-inline: 14px !important;
    }

    /* Keep the product like action visible on mobile: heart + count only. */
    .business-product-like-overlay {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9 !important;
    }

    form.business-product-like-overlay {
        width: auto !important;
    }

    .business-product-like-overlay.business-product-like,
    .business-product-like-overlay .business-product-like {
        width: auto !important;
        min-width: 58px !important;
        min-height: 36px !important;
        padding: 0 9px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    .business-product-like-overlay span,
    .business-product-like-overlay .business-product-like span {
        display: none !important;
    }

    .business-product-like-overlay small,
    .business-product-like-overlay .business-product-like small {
        display: inline-block !important;
        min-width: 18px;
        padding-inline-start: 6px !important;
        border-inline-start: 1px solid var(--border);
        line-height: 1;
    }

    .business-product-like-overlay svg,
    .business-product-like-overlay .business-product-like svg {
        display: block !important;
        width: 17px !important;
        height: 17px !important;
        flex: 0 0 auto;
    }
}

/* =========================================================
   R19.16.87 — Products page closing row
   50% available services + 50% primary business map.
   Exists only on the Products & services tab, immediately
   before the verified-business footer.
========================================================= */
.business-products-bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
    align-items: stretch;
}

.business-products-bottom-grid.is-single {
    grid-template-columns: minmax(0, 1fr);
}

.business-products-bottom-panel {
    min-width: 0;
    min-height: 310px;
    display: flex;
    flex-direction: column;
}

.business-products-bottom-panel > header {
    margin-bottom: 16px;
}

.business-products-service-chips {
    align-content: flex-start;
}

.business-products-service-chips span {
    background: color-mix(in srgb, var(--primary-light) 50%, var(--surface));
}

.business-products-map-panel {
    overflow: hidden;
}

.business-products-map-frame {
    width: 100%;
    min-height: 220px;
    flex: 1 1 auto;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--background);
}

.business-products-map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    border: 0;
}

.business-products-map-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 13px;
}

.business-products-map-meta > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.business-products-map-meta strong {
    color: var(--text-primary);
    font-size: 14px;
}

.business-products-map-meta span {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.business-products-map-meta > a {
    flex: 0 0 auto;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface);
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
}

.business-products-map-meta > a:hover {
    border-color: var(--primary-light-hover);
    background: var(--primary-light);
}

.business-products-map-meta > a svg {
    width: 15px;
    height: 15px;
}

@media (max-width: 760px) {
    .business-products-bottom-grid,
    .business-products-bottom-grid.is-single {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 12px;
    }

    .business-products-bottom-panel {
        min-height: 0;
        padding: 16px 14px;
    }

    .business-products-map-frame,
    .business-products-map-frame iframe {
        min-height: 230px;
    }

    .business-products-map-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .business-products-map-meta > a {
        width: 100%;
    }
}


/* R19.17.11 — compact services only; leave map sizing and auto-stretch untouched. */
.business-products-service-chips {
    gap: 6px;
}
.business-products-service-chips span {
    gap: 4px;
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1.35;
}
.business-products-service-chips span svg {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
}
.business-products-services-panel > header {
    margin-bottom: 12px;
}

/* Same existing photo records and lightbox, now visible on the verified catalog tab. */
.business-products-media-panel {
    margin-top: 16px;
}
.business-products-media-panel .business-gallery {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 760px) {
    .business-products-media-panel {
        margin-top: 12px;
    }
    .business-products-media-panel .business-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 420px) {
    .business-products-media-panel .business-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* R19.17.44 — restore the already-existing review/explorer photo gallery. */
.business-experience-photos { margin-top: 16px; }
.business-experience-photos-header { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.business-experience-photos-header > svg { flex:0 0 auto; }
.business-experience-photos-header > div { flex:1 1 220px; min-width:0; }
.business-experience-photos-header h2 { margin:0; }
.business-experience-photos-header p { margin:3px 0 0; font-size:13px; color:var(--text-muted); }
.business-experience-photos-header > a { display:inline-flex; align-items:center; gap:5px; color:var(--primary); font-size:13px; font-weight:700; }
.business-experience-photos-header > a svg { width:14px; height:14px; }
.business-experience-photos-track { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; padding:2px 1px 12px; }
.business-experience-photo { flex:0 0 clamp(110px, 18vw, 174px); aspect-ratio:1; padding:0; border:1px solid var(--border); border-radius:12px; overflow:hidden; cursor:pointer; background:var(--surface-soft); scroll-snap-align:start; }
.business-experience-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.business-experience-photo:hover { border-color:var(--primary); }
.business-experience-photo:focus-visible { outline:3px solid var(--primary); outline-offset:2px; }
.business-review-photo-modal[hidden], .business-review-photo-nav[hidden], .business-review-photo-views[hidden], .business-review-photo-avatar img[hidden], .business-review-photo-details p[hidden] { display:none !important; }
.business-review-photo-modal { position:fixed; inset:0; z-index:7000; padding:16px; background:rgba(8,18,14,.88); display:grid; place-items:center; }
.business-review-photo-dialog { position:relative; width:min(950px, 100%); max-height:calc(100dvh - 32px); display:flex; flex-direction:column; background:var(--surface); color:var(--text-primary); border-radius:16px; overflow:hidden; }
.business-review-photo-close { position:absolute; top:10px; inset-inline-end:10px; width:38px; height:38px; z-index:2; border:0; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.95); color:#18201a; cursor:pointer; }
.business-review-photo-close svg { width:21px; height:21px; }
.business-review-photo-stage { min-height:180px; flex:1 1 auto; min-width:0; position:relative; background:#141b18; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.business-review-photo-stage > img { display:block; max-width:100%; max-height:min(68dvh, 720px); object-fit:contain; }
.business-review-photo-nav { position:absolute; z-index:1; top:50%; transform:translateY(-50%); width:38px; height:38px; border:0; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.88); color:#18201a; cursor:pointer; }
.business-review-photo-nav[data-review-photo-nav="prev"] { inset-inline-start:12px; }
.business-review-photo-nav[data-review-photo-nav="next"] { inset-inline-end:12px; }
.business-review-photo-nav svg { width:20px; height:20px; }
.business-review-photo-details { padding:13px 18px 16px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px 10px; align-items:center; }
.business-review-photo-avatar { width:38px; height:38px; overflow:hidden; border-radius:50%; display:grid; place-items:center; background:var(--primary-light); color:var(--primary); }
.business-review-photo-avatar img { width:100%; height:100%; object-fit:cover; }
.business-review-photo-avatar svg { width:20px; height:20px; }
.business-review-photo-author { min-width:0; display:grid; gap:2px; }
.business-review-photo-author strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.business-review-photo-author small { color:var(--text-muted); font-size:12px; }
.business-review-photo-views { display:flex; align-items:center; gap:4px; color:var(--text-muted); font-size:12px; white-space:nowrap; }
.business-review-photo-views svg { width:15px; height:15px; }
.business-review-photo-details p { grid-column:1/-1; margin:0; line-height:1.7; white-space:pre-line; overflow:auto; max-height:100px; }
.business-review-photo-details > a { grid-column:1/-1; justify-self:start; display:flex; gap:5px; align-items:center; color:var(--primary); font-size:13px; font-weight:700; }
.business-review-photo-details > a svg { width:14px; height:14px; }
@media (max-width:600px) { .business-experience-photos { margin-top:12px; } .business-experience-photo { flex-basis:112px; } .business-review-photo-modal { padding:8px; } .business-review-photo-dialog { max-height:calc(100dvh - 16px); } .business-review-photo-stage > img { max-height:62dvh; } .business-review-photo-details { padding:10px 12px 12px; } }


/* R19.17.80 — business Topics tab uses the same compact mobile topic row. */
.business-topics-panel{padding:18px}
.business-topics-panel>header{margin-bottom:12px}
@media (max-width: 780px) {
    .business-topics-panel{padding:10px}
    .business-topics-panel>header{padding:2px 2px 6px;margin-bottom:6px}
    .business-topics-panel .public-profile-topic-row {
        grid-template-columns: repeat(5, minmax(0, auto)) !important;
        justify-content: start;
        column-gap: 0;
    }
    .business-topics-panel .public-profile-topic-cell.is-topic {grid-column:1 / -1 !important}
    .business-topics-panel .public-profile-topic-cell.is-metric {
        position:relative;display:inline-flex!important;align-items:center;justify-content:flex-start;gap:3px;
        min-width:0;padding:9px 10px 0!important;white-space:nowrap;color:var(--text-muted);font-size:11px;
    }
    .business-topics-panel .public-profile-topic-cell.is-metric + .public-profile-topic-cell.is-metric::after {
        content:"•";position:absolute;inset-inline-start:-2px;top:9px;color:var(--text-muted);opacity:.65;
    }
    .business-topics-panel .public-profile-topic-cell.is-metric::before {
        content:attr(data-label)!important;display:inline!important;margin:0!important;color:var(--text-muted)!important;font-size:11px!important;line-height:1.35;
    }
    .business-topics-panel .public-profile-topic-metric,
    .business-topics-panel .public-profile-topic-table-like .alamna-like-button {
        width:auto!important;min-height:0!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;padding:0!important;font-size:11px!important;
    }
    .business-topics-panel .public-profile-topic-metric-icon,
    .business-topics-panel .public-profile-topic-table-like .alamna-like-icon,
    .business-topics-panel .public-profile-topic-table-like .alamna-like-label {display:none!important}
    .business-topics-panel .public-profile-topic-metric strong,
    .business-topics-panel .public-profile-topic-metric strong.is-date-value,
    .business-topics-panel .public-profile-topic-table-like .alamna-like-count {font-size:11px!important;font-weight:750!important;line-height:1.35!important}
}
@media (max-width: 430px) {
    .business-topics-panel .public-profile-topic-row {grid-template-columns:repeat(4,minmax(0,auto))!important}
    .business-topics-panel .public-profile-topic-cell.is-comments-cell {display:none!important}
    .business-topics-panel .public-profile-topic-cell.is-metric {padding-inline:8px!important}
}