/* YOUCAN v1.7.40 — UI system + header audit. Loaded after legacy storefront CSS. */
:root{
  --yc-brand:#075f57; --yc-brand-dark:#003f39; --yc-brand-2:#0b756b; --yc-brand-soft:#e9f5f2;
  --yc-ink:#17332f; --yc-muted:#70817d; --yc-line:#e3ebe8; --yc-surface:#f7faf9;
  --yc-radius-sm:12px; --yc-radius-md:16px; --yc-radius-lg:22px; --yc-radius-xl:28px;
  --yc-shadow-sm:0 8px 24px rgba(0,63,57,.055); --yc-shadow-md:0 16px 38px rgba(0,63,57,.08); --yc-shadow-lg:0 24px 70px rgba(0,63,57,.12);
  --yc-ease:cubic-bezier(.2,.8,.2,1); --yc-ease-out:cubic-bezier(.16,1,.3,1);
}
html{font-family:"IBM Plex Sans Arabic",sans-serif}
body,.iw-theme,.iw-theme button,.iw-theme input,.iw-theme select,.iw-theme textarea{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;color:var(--yc-ink)}
html.iw-lang-en body,html.iw-lang-en .iw-theme,html.iw-lang-en .iw-theme button,html.iw-lang-en .iw-theme input,html.iw-lang-en .iw-theme select,html.iw-lang-en .iw-theme textarea{font-family:"IBM Plex Sans",Arial,sans-serif!important}
.iw-theme h1,.iw-theme h2,.iw-theme h3,.iw-theme h4,.iw-theme h5,.iw-theme h6{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
html.iw-lang-en .iw-theme h1,html.iw-lang-en .iw-theme h2,html.iw-lang-en .iw-theme h3,html.iw-lang-en .iw-theme h4,html.iw-lang-en .iw-theme h5,html.iw-lang-en .iw-theme h6{font-family:"IBM Plex Sans",Arial,sans-serif}
.iw-theme p,.iw-theme li,.iw-theme label,.iw-theme small{font-weight:400}
.iw-theme strong,.iw-theme b{font-weight:600}
/* Header: one deliberate geometry instead of stacked legacy patches. */
.iw-header{isolation:isolate;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(7,95,87,.10);box-shadow:0 6px 22px rgba(0,63,57,.035)}
.iw-main-header{display:grid!important;grid-template-columns:210px minmax(320px,1fr) auto auto!important;grid-template-areas:"brand search lang tools"!important;gap:22px!important;align-items:center!important;min-height:86px!important;padding:12px 0!important;direction:ltr!important}
.iw-main-header>.iw-brand{grid-area:brand!important;justify-self:start!important;width:190px!important;min-width:0!important;overflow:visible!important}
.iw-brand-lockup{display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;position:relative!important}.iw-brand-lockup::after{display:none!important}
.iw-brand-mark{display:grid;place-items:center;flex:0 0 auto;width:48px;height:54px;overflow:hidden}
.iw-brand-mark img{width:43px;height:48px;object-fit:contain;display:block}
.iw-brand-wordmark{display:block;width:128px;line-height:0}
.iw-brand-wordmark img{width:100%;height:auto;display:block}
.iw-main-header>.iw-search-wrap{grid-area:search!important;min-width:0!important}
.iw-main-header>.iw-search-wrap .iw-search{width:100%;min-width:0!important;height:48px;border-radius:16px;background:#f9fbfa;border-color:#dfe9e6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);transition:border-color .25s var(--yc-ease),box-shadow .25s var(--yc-ease),background .25s var(--yc-ease)}
.iw-main-header>.iw-search-wrap .iw-search:focus-within{background:#fff;border-color:#9ccbc0;box-shadow:0 0 0 4px rgba(7,95,87,.06)}
.iw-main-header>.iw-header-tools{grid-area:tools!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;direction:rtl!important;margin:0!important;max-width:none!important}
.iw-main-header>.iw-header-tools .iw-tool-label,.iw-main-header>.iw-header-installment{min-width:50px;height:50px;border:1px solid transparent;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#46625d;transition:transform .22s var(--yc-ease),background .22s var(--yc-ease),border-color .22s var(--yc-ease),color .22s var(--yc-ease)}
.iw-main-header>.iw-header-tools .iw-tool-label:hover,.iw-main-header>.iw-header-installment:hover{transform:translateY(-2px);background:#f4faf8;border-color:#dbe9e5;color:var(--yc-brand)}
.iw-main-header>.iw-header-tools .iw-tool-label svg,.iw-main-header>.iw-header-installment svg{width:21px;height:21px}
.iw-main-header>.iw-header-tools .iw-tool-label span,.iw-main-header>.iw-header-installment-copy{font-size:8px;line-height:1.05;font-weight:600;white-space:nowrap}
.iw-cart-count{background:var(--yc-brand)!important}
.iw-main-header>.iw-language-switcher{position:static!important;grid-area:lang!important;justify-self:end!important;align-self:start!important;margin:-1px 0 0 auto!important;transform:none!important;z-index:4!important;pointer-events:auto}
.iw-main-header>.iw-header-tools{padding-top:20px}
.iw-language-switcher{font-family:"IBM Plex Sans Arabic",sans-serif!important}
.iw-mobile-menu-toggle{grid-area:menu}
.iw-menu-row,.iw-nav-row{border-top:1px solid rgba(7,95,87,.055)}
.iw-nav-row .iw-menu a{font-family:"IBM Plex Sans Arabic",sans-serif!important}
/* Footer brand lockup */
.iw-brand-footer{width:min(250px,100%);min-width:0!important;gap:11px!important}
.iw-brand-footer .iw-brand-mark{width:54px;height:58px}.iw-brand-footer .iw-brand-mark img{width:48px;height:54px}.iw-brand-footer .iw-brand-wordmark{width:165px}
/* Focus/accessibility */
.iw-theme a:focus-visible,.iw-theme button:focus-visible,.iw-theme input:focus-visible,.iw-theme select:focus-visible{outline:3px solid rgba(10,137,112,.24);outline-offset:2px}
/* Tablet */
@media(max-width:1020px){
  .iw-main-header{grid-template-columns:46px minmax(105px,1fr) minmax(185px,auto)!important;grid-template-areas:"menu brand tools" "lang lang lang" "search search search"!important;gap:9px 10px!important;min-height:0!important;padding:9px 0 10px!important}
  .iw-main-header>.iw-mobile-menu-toggle{display:flex!important;justify-self:start!important;align-self:center!important}
  .iw-main-header>.iw-brand{justify-self:center!important;width:128px!important}
  .iw-brand-mark{width:36px;height:42px}.iw-brand-mark img{width:32px;height:38px}.iw-brand-wordmark{width:88px}
  .iw-main-header>.iw-header-tools{justify-self:end!important;padding-top:0!important;gap:4px!important}
  .iw-main-header>.iw-header-tools .iw-tool-label,.iw-main-header>.iw-header-installment{width:44px;min-width:44px;height:45px;border-radius:12px}
  .iw-main-header>.iw-header-tools .iw-tool-label svg,.iw-main-header>.iw-header-installment svg{width:19px;height:19px}
  .iw-main-header>.iw-header-tools .iw-tool-label span,.iw-main-header>.iw-header-installment-copy{font-size:7px}
  .iw-main-header>.iw-language-switcher{grid-area:lang!important;position:static!important;justify-self:end!important;align-self:start!important;margin:0!important;transform:none!important;z-index:6!important}
  .iw-main-header>.iw-search-wrap{grid-area:search!important}
}
/* Mobile: language/social bar gets its own row, never shares icon geometry. */
@media(max-width:760px){
  .iw-main-header{grid-template-columns:44px minmax(108px,1fr) auto!important;grid-template-areas:"menu brand tools" "lang lang lang" "search search search"!important;gap:7px 9px!important;padding:7px 0 10px!important}
  .iw-main-header>.iw-mobile-menu-toggle{width:40px;height:40px}
  .iw-main-header>.iw-brand{justify-self:center!important;width:116px!important}
  .iw-brand-lockup{gap:6px!important}.iw-brand-mark{width:32px;height:39px}.iw-brand-mark img{width:29px;height:35px}.iw-brand-wordmark{width:78px}
  .iw-main-header>.iw-header-tools{width:auto!important;max-width:none!important;gap:3px!important;justify-self:end!important}
  .iw-main-header>.iw-header-tools .iw-tool-label,.iw-main-header>.iw-header-installment{width:43px;min-width:43px;height:44px}
  .iw-main-header>.iw-header-tools .iw-tool-label span,.iw-main-header>.iw-header-installment-copy{font-size:7px}
  .iw-main-header>.iw-language-switcher{grid-area:lang!important;position:static!important;justify-self:end!important;align-self:center!important;margin:0!important;width:auto!important;min-width:0!important;padding:4px 7px!important;gap:5px!important;font-size:8px!important;background:#f8fbfa!important;border-color:#dfe9e6!important;box-shadow:none!important}
  .iw-main-header>.iw-language-switcher .iw-language-option{gap:3px!important}.iw-main-header>.iw-language-switcher .iw-language-option.is-active{padding:3px 5px!important}.iw-main-header>.iw-language-switcher .iw-flag-svg{width:16px!important;height:11px!important}.iw-main-header>.iw-language-switcher .iw-language-social-divider{height:16px!important;margin-inline:2px!important}.iw-main-header>.iw-language-switcher .iw-language-socials{gap:3px!important}.iw-main-header>.iw-language-switcher .iw-language-socials a{width:20px!important;height:20px!important}.iw-main-header>.iw-language-switcher .iw-language-socials .iw-social-icon{width:13px!important;height:13px!important}
  .iw-main-header>.iw-search-wrap .iw-search{height:45px;border-radius:15px}
}
@media(max-width:420px){
  .iw-main-header{grid-template-columns:42px minmax(92px,1fr) auto!important;gap:6px!important}
  .iw-main-header>.iw-brand{width:106px!important}.iw-brand-mark{width:29px;height:36px}.iw-brand-mark img{width:27px;height:33px}.iw-brand-wordmark{width:72px}
  .iw-main-header>.iw-header-tools .iw-tool-label,.iw-main-header>.iw-header-installment{width:40px;min-width:40px;height:42px}.iw-main-header>.iw-header-tools .iw-tool-label svg,.iw-main-header>.iw-header-installment svg{width:18px;height:18px}.iw-main-header>.iw-header-tools .iw-tool-label span,.iw-main-header>.iw-header-installment-copy{font-size:6.5px}
  .iw-main-header>.iw-language-switcher{font-size:7.5px!important;padding:3px 6px!important;gap:4px!important}.iw-main-header>.iw-language-switcher .iw-language-socials a{width:19px!important;height:19px!important}.iw-main-header>.iw-search-wrap .iw-search{height:43px}
}
/* Motion principle: restrained, consistent, never bouncy. */
.iw-theme .iw-btn,.iw-theme .iw-tool,.iw-theme .iw-cat-card,.iw-theme .iw-product-card,.iw-theme .iw-benefit{transition:transform .22s var(--yc-ease),box-shadow .22s var(--yc-ease),border-color .22s var(--yc-ease),background-color .22s var(--yc-ease)}
@media(prefers-reduced-motion:reduce){.iw-theme *,.iw-theme *::before,.iw-theme *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* -------------------------------------------------------------------------
 * YOUCAN Group / Ventures — v1.7.41
 * Built as a reusable visual system; individual brand assets remain untouched.
 * ---------------------------------------------------------------------- */
.iw-ventures-section{position:relative;overflow:hidden;padding:92px 0 104px;background:linear-gradient(180deg,#fff 0%,#f7fbfa 100%)}
.iw-ventures-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 20%,rgba(10,137,112,.065),transparent 34%),radial-gradient(circle at 8% 78%,rgba(7,95,87,.04),transparent 30%)}
.iw-ventures-intro{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.iw-ventures-intro h2{max-width:760px;margin:8px 0 10px;font-size:clamp(28px,3.3vw,46px);line-height:1.18;color:#063f3a}
.iw-ventures-intro p{max-width:690px;margin:0;color:#6c817d;font-size:15px;line-height:1.9}
.iw-ventures-line{width:min(180px,18vw);height:1px;background:linear-gradient(90deg,transparent,#0a8970);position:relative;margin-bottom:19px}
.iw-ventures-line::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:#0a8970;transform:translateY(-50%);box-shadow:0 0 0 6px rgba(10,137,112,.08)}
.iw-ventures-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:18px;align-items:stretch}
.iw-venture-card{position:relative;overflow:hidden;min-height:370px;border:1px solid rgba(7,95,87,.11);border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(0,63,57,.08);transition:transform .55s var(--yc-ease-out),box-shadow .55s var(--yc-ease-out),border-color .4s ease}
.iw-venture-card::after{content:"";position:absolute;inset:-35% -15%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.42) 48%,transparent 59%);transform:translateX(-65%);transition:transform .9s var(--yc-ease-out);pointer-events:none}
.iw-venture-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(0,63,57,.13);border-color:rgba(10,137,112,.22)}
.iw-venture-card:hover::after{transform:translateX(65%)}
.iw-venture-logo-frame{height:285px;padding:22px;background:#0c1522;display:grid;place-items:center;overflow:hidden}
.iw-venture-logo-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--yc-ease-out)}
.iw-venture-card:hover .iw-venture-logo-frame img{transform:scale(1.025)}
.iw-venture-copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px 22px}
.iw-venture-index{font-size:11px;letter-spacing:.16em;color:#8ba19c;font-weight:700}
.iw-venture-copy h3{margin:0;color:#063f3a;font-size:20px;line-height:1.1}
.iw-venture-copy p{margin:4px 0 0;color:#82918e;font-size:12px;line-height:1.4}
.iw-venture-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #dbe9e5;color:#0a8970;font-size:18px;transition:transform .35s var(--yc-ease),background .35s ease}
.iw-venture-card:hover .iw-venture-arrow{transform:translate(2px,-2px);background:#f1faf7}
.iw-ventures-coming{min-height:370px;border:1px dashed rgba(7,95,87,.18);border-radius:28px;background:rgba(255,255,255,.56);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px;position:relative;overflow:hidden}
.iw-ventures-coming::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-100px;background:rgba(10,137,112,.045)}
.iw-ventures-coming-mark{width:52px;height:52px;border:1px solid rgba(10,137,112,.24);border-radius:50%;display:grid;place-items:center;margin-bottom:24px}
.iw-ventures-coming-mark span{width:10px;height:10px;border-radius:50%;background:#0a8970;box-shadow:0 0 0 9px rgba(10,137,112,.08)}
.iw-ventures-coming strong{font-size:19px;color:#063f3a;line-height:1.4}
.iw-ventures-coming small{max-width:260px;margin-top:9px;color:#82918e;font-size:12px;line-height:1.8}
@media(max-width:760px){
  .iw-ventures-section{padding:62px 0 72px}
  .iw-ventures-intro{display:block;margin-bottom:24px}
  .iw-ventures-intro h2{font-size:29px;line-height:1.25}
  .iw-ventures-intro p{font-size:13px;line-height:1.8}
  .iw-ventures-line{display:none}
  .iw-ventures-stage{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;margin-inline:-2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .iw-ventures-stage::-webkit-scrollbar{display:none}
  .iw-venture-card,.iw-ventures-coming{flex:0 0 88%;min-height:320px;scroll-snap-align:start;border-radius:22px}
  .iw-venture-logo-frame{height:225px;padding:14px}
  .iw-venture-copy{padding:15px 17px;gap:10px}
  .iw-venture-copy h3{font-size:18px}.iw-venture-copy p{font-size:11px}
  .iw-ventures-coming{padding:27px}
}