/* OJN-2026-172: public-site base derived from the approved entry layout; semantic colors for both modes. Entry pages retain their own sheets. */
@font-face{font-family:OjnSkolar;src:url("/entry/assets/skolar-sans-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-058F,U+2000-22FF}
.menu-source-note{font-size:14px;color:var(--muted);margin:0 0 34px}.menu-group{margin:0 0 52px}.menu-group-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline;border-bottom:2px solid var(--black);padding-bottom:10px;margin-bottom:0}.menu-group-head h2{font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.2;margin:0}.menu-group-head span{font-size:13px;color:var(--muted)}.menu-list{background:var(--white)}.menu-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:17px 4px}.menu-row h3{font-size:18px;font-weight:400;line-height:1.35;margin:0}.original-name{font-size:13px;line-height:1.4;color:var(--muted);margin:3px 0 0}.menu-price{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.visit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.visit-card{padding:28px;background:var(--white);border:1px solid var(--line)}.visit-card h3{font-size:18px;font-weight:400;margin:0 0 8px}.visit-card p{color:var(--muted);margin:0}.visit-card .button{margin-top:18px}.small-link{font-size:14px;color:var(--muted);text-decoration:none}.small-link:hover{text-decoration:underline}@media(max-width:800px){.visit-grid{grid-template-columns:1fr}.menu-row{padding:15px 0}.menu-row h3{font-size:16px}}
@media(max-width:800px){.nav{min-height:72px!important;gap:8px!important}.nav-links{display:none!important}.brand{min-width:0!important;gap:0!important}.brand img{width:50px!important;height:39px!important}.brand small{display:none!important}.actions{gap:6px!important}.language{padding:7px 9px!important;font-size:12px!important}.portal{width:auto!important;min-width:64px!important;height:44px!important;padding:0 8px!important;font-size:11px!important;line-height:1.2!important}.portal::after{content:none!important}}
@font-face{font-family:OjnSkolar;src:url("/entry/assets/skolar-sans-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-08FF,U+FB50-FEFF}
:root{--black:var(--ink);--silver:var(--silver-fill);--cream:var(--beige);--canvas:var(--paper);--muted:var(--ink-muted);--white:var(--paper);--line:var(--border);--max:1200px;font-family:OjnSkolar,Arial,sans-serif;color:var(--black);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);font-size:16px;line-height:1.7}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--black);outline-offset:4px}.skip{position:fixed;top:-80px;inset-inline-start:16px;background:var(--inverse);color:var(--on-inverse);padding:10px 16px;z-index:30}.skip:focus{top:16px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.topline{height:5px;background:var(--white)}.site-header{background:var(--paper);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:124px}.brand img{width:54px;height:42px;object-fit:contain;object-position:center}.brand small{display:block;color:var(--muted);line-height:1.2;font-size:12px}.nav-links{display:flex;gap:22px;align-items:center;font-size:14px}.nav-links a{text-decoration:none}.nav-links a[aria-current=page]{border-bottom:2px solid var(--black);padding-bottom:5px}.actions{display:flex;align-items:center;gap:9px}.language{border:1px solid var(--line);background:transparent;padding:8px 11px;border-radius:999px;cursor:pointer;font-size:13px}.portal{background:var(--inverse);color:var(--on-inverse);text-decoration:none;padding:10px 15px;border-radius:8px;font-size:14px;white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.hero{padding:78px 0 52px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);gap:52px;align-items:end}.hero h1{font-size:clamp(40px,5.1vw,76px);line-height:1.14;font-weight:400;letter-spacing:-.025em;margin:13px 0 22px;max-width:790px}.hero p{max-width:600px;color:var(--muted);font-size:18px;margin:0}.hero-art{min-height:385px;background:var(--cream);padding:18px;position:relative;overflow:hidden}.hero-art img{height:100%;width:100%;min-height:350px;object-fit:cover;filter:grayscale(100%);mix-blend-mode:multiply}.hero-art span{position:absolute;bottom:24px;inset-inline-start:24px;background:var(--inverse);color:var(--on-inverse);padding:8px 12px;font-size:12px}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--black);border-radius:8px;background:var(--inverse);color:var(--on-inverse);text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:var(--black)}.notice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;background:var(--white);font-size:14px}.notice strong{font-weight:400}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section{padding:86px 0}.section.cream{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.section h2{font-size:clamp(28px,3.2vw,45px);line-height:1.25;font-weight:400;margin:5px 0 0}.section-head p{max-width:410px;margin:0;color:var(--muted);font-size:15px}.card{background:var(--paper);border:1px solid var(--line);padding:24px;min-height:194px}.card .num{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--black);border-radius:50%;font-size:13px;margin-bottom:34px}.card h3{font-size:20px;font-weight:400;margin:0 0 7px}.card p{font-size:14px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:var(--paper);text-decoration:none;border:1px solid var(--line);display:block}.product-card img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}.product-card div{padding:17px}.product-card h3{font-size:19px;line-height:1.35;font-weight:400;margin:0}.product-card p{font-size:13px;color:var(--muted);margin:5px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}.list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.list li span:last-child{color:var(--muted);font-size:14px}.inquiry{background:var(--inverse);color:var(--on-inverse);padding:56px}.inquiry h2{font-size:clamp(28px,3.5vw,48px);font-weight:400;line-height:1.25;margin:0 0 12px}.inquiry p{margin:0 0 28px;color:var(--inverse-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.form-grid label{font-size:13px;display:grid;gap:7px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:10px 11px;min-height:46px}.form-grid textarea{min-height:98px;resize:vertical}.form-message{min-height:28px;font-size:13px;margin:14px 0 0;color:var(--inverse-muted)}.inquiry .button{background:var(--paper);color:var(--ink);border-color:var(--on-inverse);margin-top:18px}.page-hero{padding:68px 0 46px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.16;margin:12px 0 0;max-width:820px}.page-hero p{color:var(--muted);font-size:18px;max-width:660px;margin:19px 0 0}.product-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;padding:62px 0}.product-image{background:var(--cream);padding:18px}.product-image img{display:block;width:100%;aspect-ratio:1.22;object-fit:cover}.label{display:inline-block;border:1px solid var(--line);font-size:12px;padding:6px 9px;border-radius:999px}.product-detail h1{font-size:clamp(34px,4vw,56px);font-weight:400;line-height:1.18;margin:18px 0 7px}.product-detail .en-name{color:var(--muted);margin:0}.detail-copy{margin:28px 0;color:var(--muted)}.info-note{background:var(--cream);padding:18px 20px;font-size:14px}.page-link{font-size:14px}.footer{border-top:1px solid var(--line);padding:34px 0;background:var(--white)}.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer p{margin:0;color:var(--muted);font-size:13px}.footer a{font-size:13px}@media(max-width:800px){.nav{min-height:72px}.nav-links{display:none}.brand small{display:none}.hero,.product-detail,.split{grid-template-columns:1fr;gap:32px}.hero{padding-top:48px}.hero-art{min-height:280px}.hero-art img{min-height:260px}.grid-3,.product-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:13px}.inquiry{padding:32px 20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.page-hero{padding:48px 0 35px}.product-detail{padding:38px 0}.footer-row{display:block}.footer-row p{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:800px){.portal,.language{font-size:16px!important}}

@font-face{font-family:OjnSkolar;src:url("/entry/assets/skolar-sans-light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-08FF,U+FB50-FEFF}

.brandbar{background:var(--inverse);color:var(--on-inverse);font-size:13px}.brandbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.brandbar a{color:var(--on-inverse);text-decoration:none}.brandbar-home{font-weight:700;letter-spacing:.04em}.brand-switch{display:inline-flex;border:1px solid var(--inverse-line);border-radius:999px;overflow:hidden}.brand-switch a{padding:4px 16px;line-height:1.6}.brand-switch a[aria-current=page]{background:var(--paper);color:var(--ink)}.footer-home{display:inline-block;margin-top:14px;font-size:13px}
.brand-switch{display:none}.language{border:0!important;background:none!important;padding:4px 6px!important;font-size:12px!important;font-weight:700;letter-spacing:.04em;color:var(--muted);min-width:0!important;border-radius:0!important}.language:hover{color:var(--black);text-decoration:underline}
.product-showcase{padding:56px 0}.product-showcase h2{margin:0 0 24px}.product-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-tile{margin:0;background:var(--paper);border:1px solid var(--line)}.product-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.product-tile figcaption{padding:10px 12px;font-size:14px}.product-strip{padding:8px 0 40px}.product-strip .product-tiles figure:nth-child(n+5){display:none}@media(max-width:800px){.product-tiles{grid-template-columns:repeat(2,1fr);gap:10px}.product-showcase{padding:40px 0}.product-tile figcaption{font-size:13px;padding:8px 10px}}

.wholesale-hero{padding:78px 0 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:56px;align-items:end;border-bottom:1px solid var(--line)}.wholesale-hero h1{font-size:clamp(40px,5vw,70px);line-height:1.14;font-weight:400;letter-spacing:-.025em;margin:13px 0 20px;max-width:800px}.wholesale-hero>div>p{max-width:660px;color:var(--muted);font-size:18px;margin:0}.wholesale-hero-card{background:var(--ojn-paper);color:var(--ink);padding:28px;border:1px solid var(--ojn-line-strong)}.wholesale-hero-card .label{border-color:var(--ojn-line-strong)}.wholesale-hero-card ol{list-style:none;padding:0;margin:25px 0 0}.wholesale-hero-card li{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 0;border-top:1px solid var(--ojn-line-strong)}.wholesale-hero-card li:first-child{border-top:0}.wholesale-hero-card b{font-size:17px;font-weight:400}.wholesale-hero-card span{color:var(--muted);font-size:14px}.business-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.business-path{min-height:292px;background:var(--paper);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.path-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--black);border-radius:50%;font-size:12px;margin-bottom:31px}.business-path h3{font-size:21px;line-height:1.3;font-weight:400;margin:0 0 8px}.business-path p{font-size:14px;color:var(--muted);margin:0}.business-path a{margin-top:auto;padding-top:22px;font-size:14px}.business-path.dark{background:var(--ojn-inverse);border-color:var(--ojn-inverse);color:var(--ojn-on-inverse)}.business-path.dark .path-icon{border-color:var(--ojn-on-inverse)}.business-path.dark p{color:var(--ojn-brand-grey)}.section-copy{max-width:510px;color:var(--muted);margin:20px 0 0}.brief-card{border-top:1px solid var(--black)}.brief-card>div{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.brief-card span{grid-row:span 2;font-size:13px;color:var(--muted)}.brief-card b{font-size:17px;font-weight:400}.brief-card p{grid-column:2;color:var(--muted);font-size:14px;margin:4px 0 0}.wholesale-journey{background:var(--paper);color:var(--black)}.wholesale-journey .eyebrow,.wholesale-journey .section-head p{color:var(--muted)}.journey-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.journey-list li{display:grid;grid-template-columns:62px minmax(0,1fr) 190px;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.journey-list>li>span{font-size:13px;color:var(--muted)}.journey-list h3{font-size:21px;font-weight:400;margin:0}.journey-list p{color:var(--muted);font-size:14px;margin:5px 0 0;max-width:570px}.journey-list em{font-size:13px;color:var(--muted);font-style:normal}.portal-band{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.portal-band h2{margin-bottom:15px}.portal-band p{max-width:680px;color:var(--muted);margin:0}.boundaries{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.boundary-grid article{border-top:2px solid var(--black);padding:16px 0}.boundary-grid h3{font-size:18px;font-weight:400;margin:0 0 8px}.boundary-grid p{color:var(--muted);font-size:14px;margin:0}
@media(max-width:800px){.wholesale-hero,.boundaries{grid-template-columns:1fr;gap:32px}.wholesale-hero{padding:48px 0}.business-paths,.boundary-grid{grid-template-columns:1fr}.business-path{min-height:0}.journey-list li{grid-template-columns:36px 1fr;gap:12px}.journey-list em{grid-column:2}.portal-band{grid-template-columns:1fr;gap:24px;align-items:start}}
/* OJN-2026-021: بابان من عائلة واحدة لا شكلين مختلفين — باب العميل أساسي مملوء،
   وباب الفريق ثانوي بالحد نفسه والحجم نفسه. الحد بـinset shadow لا border
   حتى لا يزيد ارتفاع الزر فيختل اصطفاف الرأس. مبدّل اللغة يبقى بشكله الدائري. */
.portal.secondary{background:transparent;color:var(--black);box-shadow:inset 0 0 0 1px var(--black)}
/* OJN-2026-023: أزرار الرأس على الجوال. القاعدة العامة تثبّت ارتفاع الزر بـ!important
   بلا توسيط، فيطفو النص أعلى الصندوق ويبدو الزر فارغًا. والتوسيط هنا لأن هذه الصفحة
   تحمل بابين لا بابًا واحدًا، ومبدّل اللغة معهما، فالثلاثة يجب أن تكون سطرًا واحدًا. */
@media(max-width:800px){
  .actions{gap:6px!important}
  .actions .portal{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;min-width:0!important;padding:0 11px!important;font-size:12px!important;line-height:1!important;border-radius:8px!important;white-space:nowrap!important}
  .actions .language{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;padding:0 11px!important;font-size:12px!important;line-height:1!important}
}

/* OJN-2026-024: نموذج الاستفسار — الموافقة سطر لا شبكة، والخصوصية تحت الزر لا بعيدًا عنه. */
.wholesale-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}
.wholesale-form .consent input{width:18px;height:18px;min-height:18px;margin-top:3px;flex:none}
.wholesale-form .form-privacy{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.wholesale-form button[disabled]{opacity:.6}

/* OJN-2026-033: مدخلان لا ثلاثة — بوابة العميل ومنيو الكوفي. */
.business-paths.two{grid-template-columns:repeat(2,1fr)}
.business-paths.two .business-path{min-height:0}
@media(max-width:800px){.business-paths.two{grid-template-columns:1fr}}

/* OJN-2026-033: علامتا السجل التجاري والرقم الضريبي ورقم الهاتف — بيانات نظامية تُعرض كما هي. */
.registry-row{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.registry-badge{display:flex;align-items:center;gap:11px;min-height:66px;border:1px solid var(--line);background:var(--white);padding:10px 14px;border-radius:10px}
.registry-badge img{display:block;height:44px;width:auto}
.registry-badge b{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.registry-badge i{font-style:normal;font-size:13px;font-variant-numeric:tabular-nums}
@media(max-width:800px){.registry-badge{flex:1 1 100%}}

/* OJN-2026-062: one number and two compact icon links in one row. */
.inquiry-alt{margin-top:26px!important}
.inquiry-alt b{display:block;font-size:17px;font-weight:400;color:var(--black);margin-bottom:4px}
.inquiry-alt span{font-size:14px;color:var(--muted)}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
.contact-number{margin:0;color:var(--black);font-size:22px;font-variant-numeric:tabular-nums;line-height:1.4}
.channels{display:flex;align-items:center;gap:4px}
.channel{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;color:var(--black);text-decoration:none;background:transparent;transition:background .15s}
.channel:hover{background:var(--hover)}
.channel:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.channel-glyph{width:23px;height:23px;flex:none}

/* OJN-2026-051: the social icon follows the footer text in both directions. */
.footer-row .social-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.footer-row .social-link svg{flex:none}

/* OJN-2026-084: team access is secondary and lives below the public footer. */
.footer-access{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.footer-access .portal{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px}
.footer-access .portal:hover{background:var(--ojn-surface)}
.footer-access .portal:focus-visible{outline:2px solid var(--ojn-ink);outline-offset:2px}
@media(max-width:800px){.footer-access{justify-content:flex-start}.footer-access .portal{font-size:16px}}

/* OJN-2026-085: the start badge shares the client-entry button treatment. */
.wholesale-hero-card .label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--ojn-inverse);color:var(--ojn-on-inverse);border:0;border-radius:8px;padding:10px 15px;font-size:14px}
@media(max-width:800px){.wholesale-hero-card .label{font-size:16px}}

.inquiry-section{background:var(--white);color:var(--black)}.inquiry-section .eyebrow,.inquiry-section p{color:var(--muted)}.inquiry-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}.inquiry-layout h2{font-size:clamp(30px,3.5vw,48px);font-weight:400;line-height:1.2;margin:8px 0 14px}.inquiry-layout p{font-size:15px;margin:0;max-width:400px}.wholesale-form{background:var(--paper);color:var(--black);padding:28px}.wholesale-form .button{margin-top:18px}.wholesale-form .form-message{color:var(--muted);margin:14px 0 0}.wholesale-form label{font-size:13px}.wholesale-form input,.wholesale-form select,.wholesale-form textarea{border-color:var(--line)}@media(max-width:800px){.inquiry-layout{grid-template-columns:1fr;gap:30px}.wholesale-form{padding:22px 18px}}
.form-readiness{background:var(--cream)}.readiness-cards .card{min-height:238px}

/* OJN-2026-069/070/071: readable text, with black reserved for confirmations. */
@font-face{font-family:OjnSkolar;src:url("/entry/assets/skolar-sans-light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-08FF,U+FB50-FEFF}
.wholesale-hero h1,.inquiry-layout h2,.section h2{font-weight:300;font-size:clamp(32px,4vw,56px)}
.wholesale-hero h1{font-size:clamp(40px,5vw,70px)}
.wholesale-hero .ordering-notice{font-size:16px;margin:14px 0 0;padding:10px 14px;border-inline-start:3px solid var(--ink);background:var(--cream);color:var(--ink);line-height:1.5}
body :where(p,span,small,label,input,select,textarea,.label,.language,.nav-links,.portal,.card p,.registry-badge b,.registry-badge i,.brief-card p,.business-path a,.form-privacy){font-size:16px}
@media(max-width:800px){.actions .portal,.actions .language{font-size:16px!important;height:44px!important;padding:0 9px!important}.nav{flex-wrap:wrap!important;padding-block:12px}.brand img{width:42px!important}.actions{flex-wrap:wrap}.wholesale-hero{padding-top:28px}.wrap{width:calc(100% - 32px)}}