/* latest-stmc-hero-first-frame-9305a5641c.css */

.background-video{background-color:#162f4d!important;background-image:none!important}
.background-video>video{opacity:0!important;background-image:none!important;transition:opacity .22s ease-out!important}
.background-video>video.stmc-video-frame-ready{opacity:1!important}
@media(prefers-reduced-motion:reduce){.background-video>video{transition:none!important}}


/* latest-stmc-video-control-visibility-8f9b83884b.css */
.background-video>.stmc-video-toggle{display:none!important}

/* latest-stmc-mobile-product-preview-size-c22e141156.css */

@media(max-width:479px){
  :root .logo-wrapper .products{max-width:100%!important;transform:none!important}
}


/* latest-stmc-rtl-align-27a8115ef1.css */

html[lang="ar"] .heading-13,html[lang="ar"] .paragraph-10,html[lang="ar"] .stmc-eyebrow,html[lang="ar"] .stmc-impact-header p,html[lang="ar"] .stmc-metric-note,html[lang="ar"] .stmc-social-heading .stmc-title,html[lang="ar"] .stmc-work-heading .stmc-title,html[lang="ar"] .page-hero-section .stmc-title,html[lang="ar"] .page-hero-section .stmc-page-copy,html[lang="ar"] .paragraph-11,html[lang="ar"] .paragraph-12,html[lang="ar"] .stmc-restored-story,html[lang="ar"] .text-block-16,html[lang="ar"] .heading-16,html[lang="ar"] .stmc-catalogues .stmc-kicker,html[lang="ar"] .stmc-catalogues .stmc-title,html[lang="ar"] .stmc-catalog-card,html[lang="ar"] .stmc-catalog-card h3,html[lang="ar"] .stmc-catalog-card p,html[lang="ar"] .stmc-gallery-trigger{text-align:right!important}


/* latest-layout-e5e03aa93d.css */

  /* stmc desktop fix 22 Sep 2026: keep the brand-logo grid at its natural height so it cannot overlap the navbar or the numbers cards */
  @media screen and (min-width:992px){
    .page-hero-section .div-block-7{flex:0 0 auto !important;align-self:center !important;align-content:center !important;row-gap:32px !important;}
    .page-hero-section .numbers-wrapper{position:relative;z-index:2;}
    }
  

/* latest-layout-047e9442eb.css */
@media(max-width:767px),(prefers-reduced-motion:reduce){.stmc-video-toggle{display:none!important}}

/* latest-layout-bcbfd0a654.css */
.background-video{position:relative}.fmcg-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 24px 140px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,20,50,.5),rgba(8,20,50,.42) 45%,rgba(8,20,50,.12))}.fmcg-hero-overlay h1{color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:1.08;font-weight:800;letter-spacing:-.5px;margin:0 0 .6rem;max-width:18ch;text-shadow:0 2px 18px rgba(0,0,0,.45);opacity:0;transform:translateY(18px);animation:fmcgFadeUp .9s cubic-bezier(.2,.7,.2,1) .2s forwards}.fmcg-hero-overlay p{color:rgba(255,255,255,.92);font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.5;margin:0;max-width:48ch;text-shadow:0 2px 14px rgba(0,0,0,.4);opacity:0;transform:translateY(18px);animation:fmcgFadeUp .9s cubic-bezier(.2,.7,.2,1) .4s forwards}@keyframes fmcgFadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.fmcg-hero-overlay{padding-bottom:80px}}

/* latest-stmc-polish-pages-dce5006e4c.css */
.stmc-gallery-page>.header-wrapper{height:0!important}.stmc-gallery-intro{padding:164px 0 48px}.stmc-gallery-intro .stmc-page-title{max-width:20ch}.stmc-gallery-index{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.stmc-gallery-index a{font-size:13px;font-weight:600;padding:10px 17px;border:1px solid #d5dfec;border-radius:999px;color:#315478;text-decoration:none;background:#fff}.stmc-gallery-index a:hover{background:#e9f0f8}.stmc-gallery-group{width:calc(100% - 80px) !important;max-width:1200px!important;margin:20px auto 0!important;padding:0!important;min-height:0!important;height:auto!important;border:1px solid #dce4ed!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;scroll-margin-top:112px}.stmc-gallery-group>.container-4{display:none!important}.stmc-gallery-trigger{display:flex;align-items:center;gap:22px;width:100%;min-height:108px;padding:18px 24px;border:0;background:#fff;color:#142d4e;cursor:pointer;text-align:left}.stmc-gallery-badge{display:flex;align-items:center;justify-content:center;flex:0 0 106px;height:70px;border-radius:13px;background:var(--brand-color,#204d8c);padding:12px}.stmc-gallery-badge img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:60px!important;margin:0!important;position:static!important;transform:none!important}.stmc-gallery-trigger strong{font-size:23px;line-height:1.2;letter-spacing:-.5px;font-weight:600}.stmc-gallery-trigger>span:last-child{margin-left:auto;font-size:13px;color:#69809b;white-space:nowrap}.stmc-gallery-panel{width:calc(100% - 80px) !important;max-width:1200px!important;margin:0 auto 28px!important;padding:22px 0 10px!important;opacity:1!important;transform:none!important;height:auto!important;background:transparent!important}.stmc-gallery-panel[hidden]{display:none!important}.stmc-gallery-panel:not([hidden]){display:block!important}.stmc-gallery-panel .w-layout-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px!important;width:100%!important;height:auto!important;max-width:none!important;padding:0!important;margin:0!important}.stmc-gallery-panel .w-layout-cell{display:contents!important}.stmc-gallery-photo{display:block!important;position:relative;width:100%;padding:0!important;border:0!important;cursor:zoom-in;background:#eaf0f7!important;overflow:hidden;border-radius:16px!important;aspect-ratio:4/3}.stmc-gallery-photo img.marketspacefix{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;transform:none!important;transition:scale .35s var(--stmc-ease)}.stmc-gallery-photo:hover img{scale:1.035}.stmc-photo-dialog{border:0;padding:20px;border-radius:20px;max-width:min(1100px,92vw);max-height:92svh;background:#fff;color:#142d4e;overflow:auto}.stmc-photo-dialog::backdrop{background:rgba(9,24,44,.78);backdrop-filter:blur(7px)}.stmc-photo-dialog img{display:block;max-width:100%;max-height:75svh;margin:auto;object-fit:contain}.stmc-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;font-size:14px}.stmc-dialog-top button{border:1px solid #ced9e7;background:#f4f7fb;color:#23486f;padding:9px 18px;border-radius:999px;cursor:pointer}.stmc-gallery-page #stmc-site-footer{margin-top:74px}@media(max-width:991px){.stmc-about .grid-6{gap:36px!important}.stmc-contact .container-9{gap:36px!important}.stmc-contact .form-block-2{padding:26px!important}.stmc-work-track>li{flex-basis:calc((100% - 20px)/2)}#stmc-site-footer .stmc-footer-main{gap:32px;grid-template-columns:1.4fr 1fr 1fr}.stmc-home .stmc-photo{height:420px}.stmc-home .stmc-title{letter-spacing:-.04em!important}.stmc-gallery-panel .w-layout-layout{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media(max-width:767px){.stmc-inner{width:calc(100% - 40px)}.navbar-wrapper{border-radius:20px!important}.stmc-home .background-video{height:82svh!important;min-height:590px!important}.stmc-home .fmcg-hero-overlay{padding:126px 24px 64px!important}.stmc-home .fmcg-hero-overlay h1{font-size:clamp(39px,7.5vw,55px) !important}.stmc-home .fmcg-hero-overlay p{font-size:17px!important}.stmc-hero-kicker{font-size:10px!important;letter-spacing:1.7px}.stmc-home .stmc-company,.stmc-home .hero-image-and-numbers-wrapper,.stmc-home #stmc-instagram,#testimonials{padding:64px 0!important}.stmc-home .container-3{padding:60px 0 64px!important}.stmc-home .stmc-photo{height:390px}.stmc-work-heading{display:block}.stmc-work-heading>p{margin-top:22px}.stmc-work-track>li{flex-basis:84%}.stmc-work-caption{padding:18px}.stmc-work-caption strong{font-size:18px}#stmc-site-footer .stmc-footer-cta{display:block;padding:42px 0}#stmc-site-footer .stmc-footer-cta .stmc-button{margin-top:24px}#stmc-site-footer .stmc-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));padding:36px 0;gap:32px 24px}#stmc-site-footer .stmc-footer-brand{grid-column:1/-1}#stmc-site-footer .stmc-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:16px}#stmc-site-footer .stmc-footer-cta h2{font-size:34px}#stmc-site-footer .stmc-footer-logo img{width:148px}.stmc-about #about>.div-block-44{padding:132px 0 60px!important}.stmc-about #about>.section-21{width:calc(100% - 40px) !important;padding:60px 0!important;gap:44px!important}.stmc-about .grid-6{grid-template-columns:1fr!important;gap:26px!important}.stmc-about #about>.section-21>.flex-block-4{padding:24px!important}.stmc-about #about>.section-21>.flex-block-4>.flex-block-3{grid-template-columns:1fr!important;gap:18px!important}.stmc-about .heading-15{font-size:34px!important}.stmc-about .paragraph-11,.stmc-about .paragraph-12{font-size:17px!important}.stmc-about #about>.section-20{width:calc(100% - 40px) !important;padding-bottom:44px!important}.stmc-catalogues{padding:52px 0 64px}.stmc-catalog-grid{grid-template-columns:1fr}.stmc-catalog-card{padding:25px}.stmc-page-title{font-size:43px}.stmc-page-copy{font-size:17px}.stmc-contact .section-14{padding:132px 0 64px!important}.stmc-contact .container-9{width:calc(100% - 40px) !important;grid-template-columns:1fr!important;gap:34px!important}.stmc-contact-info{margin-top:26px;grid-template-columns:1fr 1fr;gap:20px}.stmc-contact .form-block-2,.stmc-careers .form-block{padding:24px!important;border-radius:20px!important}.stmc-careers .section-9{padding:130px 24px 32px!important}.stmc-careers .section-8>.content-container{width:calc(100% - 40px) !important}.stmc-careers .section-8{padding-bottom:64px!important}.stmc-polished-form{grid-template-columns:1fr!important;gap:20px!important}.stmc-contact-info p,.stmc-contact-info a{font-size:15px}.stmc-gallery-intro{padding:132px 0 32px}.stmc-gallery-group,.stmc-gallery-panel{width:calc(100% - 40px) !important}.stmc-gallery-trigger{gap:16px;padding:16px;min-height:96px}.stmc-gallery-badge{flex-basis:78px;height:58px;padding:9px}.stmc-gallery-trigger strong{font-size:19px}.stmc-gallery-trigger>span:last-child{font-size:11px;max-width:70px;white-space:normal;text-align:right}.stmc-gallery-panel .w-layout-layout{gap:12px!important}.stmc-gallery-photo{aspect-ratio:1;border-radius:12px!important}.stmc-gallery-panel{padding-top:14px!important;margin-bottom:18px!important}.stmc-gallery-page #stmc-site-footer{margin-top:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.stmc-work-card,.stmc-work-arrows button,.stmc-gallery-photo img{transition:none!important}.stmc-work-track{scroll-behavior:auto!important}}

/* latest-stmc-polish-fixes-8235a8ff75.css */
.stmc-polish-v2 h1,.stmc-polish-v2 h2,.stmc-polish-v2 h3{font-family:inherit!important}.stmc-careers .section-9{display:block!important}.stmc-careers .section-9 h1{max-width:18ch;margin:0 auto 24px!important}.stmc-careers .section-8{display:block!important;width:100%!important}.stmc-careers .section-8>.content-container{display:block!important;margin-left:auto!important;margin-right:auto!important}.stmc-careers .form-block{display:block!important}.stmc-polished-form{background:transparent!important;padding:0!important;width:100%!important;max-width:none!important}.stmc-about #about>.section-20{display:block!important;box-sizing:border-box!important}.stmc-polished-form textarea.w-input{min-height:155px!important}.stmc-about .image-51{aspect-ratio:4/3;object-fit:cover!important;min-height:260px}.stmc-about .text-block-16{text-transform:uppercase}@media(max-width:767px){.stmc-careers .section-8>.content-container{width:calc(100% - 40px) !important;max-width:none!important}.stmc-careers .section-8{padding-left:0!important;padding-right:0!important}}

/* latest-stmc-contrast-review-b35dc682db.css */
:root #stmc-main .stmc-kicker,:root #stmc-main .stmc-eyebrow,:root #stmc-main .stmc-page-copy,:root #stmc-main .stmc-form-note,:root #stmc-main .stmc-faq-toggle,:root #stmc-main .stmc-brands-intro small,:root #stmc-main .stmc-impact-header>p,:root #stmc-main .stmc-work-caption span,:root #stmc-main .stmc-gallery-trigger>span:last-child,:root #stmc-main .stmc-contact-info h2,:root #stmc-instagram time,:root #stmc-main .stmc-social-status,:root .stmc-about #stmc-main .text-block-16{color:#52657d!important}:root #stmc-main .stmc-gallery-badge>span{color:#fff!important}:root #stmc-main .stmc-polished-form input::placeholder,:root #stmc-main .stmc-polished-form textarea::placeholder{color:#52657d!important;opacity:1!important}:root #stmc-main .fmcg-hero-overlay{background:linear-gradient(rgba(9,26,47,.66),rgba(9,26,47,.66) 70%,rgba(9,26,47,.7)) !important}:root #stmc-main .stmc-hero-actions .stmc-button:last-child{background:rgba(9,26,47,.32) !important}:root #stmc-main .stmc-video-toggle{background:rgba(17,38,65,.84) !important}

/* latest-stmc-motion-review-d724723b34.css */
@media(prefers-reduced-motion:reduce){:root body.stmc-polish-v2 :is(#stmc-main,#stmc-site-footer,.navbar-wrapper),:root body.stmc-polish-v2 :is(#stmc-main,#stmc-site-footer,.navbar-wrapper) *,:root body.stmc-polish-v2 :is(#stmc-main,#stmc-site-footer,.navbar-wrapper) *::before,:root body.stmc-polish-v2 :is(#stmc-main,#stmc-site-footer,.navbar-wrapper) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* latest-stmc-form-state-fix-f7fb596374.css */
.stmc-polished-form,.stmc-contact .form-block-2,.stmc-careers .form-block{height:auto!important}.stmc-polished-form[style*="display: none"],.stmc-polished-form input[type=hidden]{display:none!important}

/* latest-stmc-mobile-header-inset-7922ae06de.css */
@media(max-width:479px){.header-wrapper{padding-inline:10px!important;box-sizing:border-box!important}}

/* latest-stmc-mobile-final-adjustments-f1ab83c3b0.css */
@media(max-width:991px){:root body .header-wrapper .dropdown-list-3{inset-block-start:calc(100% + 18px) !important;background:rgba(250,252,255,.99) !important}:root body .stmc-polished-form label{font-size:14px!important}:root body .stmc-form-note,:root body #stmc-native-cv-help{font-size:14px!important;line-height:1.6!important}:root body #stmc-site-footer nav a,:root body #stmc-site-footer address a,:root body #stmc-site-footer .stmc-social-links a,:root body #stmc-site-footer .stmc-back-top{min-height:44px;display:flex;align-items:center;font-size:15px;line-height:1.5;padding-block:8px}:root body #stmc-site-footer nav{gap:0}:root body #stmc-links .stmc-links-card small,:root body #stmc-links .qr-heritage p{font-size:13px!important;line-height:1.55!important}:root body #stmc-links .stmc-links-footer a{min-height:44px;font-size:14px}}@media(min-width:768px) and (max-width:991px){:root body.stmc-contact .container-9{grid-template-columns:1fr!important;max-width:700px!important}:root body .stmc-contact-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}:root body.stmc-contact .stmc-page-title{max-width:20ch}:root body .stmc-contact-info a{min-height:44px;display:inline-flex;align-items:center}}@media(max-width:600px){:root #stmc-catalogue-reader .stmc-book-hint{font-size:12px;line-height:1.4}}@media(max-height:500px) and (orientation:landscape){:root #stmc-catalogue-reader{inset:0;width:100%;height:100dvh;border:0;border-radius:0}:root #stmc-catalogue-reader .stmc-book-shell{padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:6px}:root #stmc-catalogue-reader h2{font-size:18px}:root #stmc-catalogue-reader .stmc-book-brand,:root #stmc-catalogue-reader .stmc-book-hint{display:none}:root #stmc-catalogue-reader .stmc-book-toolbar{flex-wrap:nowrap}}

/* latest-stmc-complete-mobile-brand-grid-53b449a3d6.css */
@media(max-width:479px){:root body.stmc-home .div-block-7{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* latest-stmc-ar-footer-phone-alignment-4cb7433486.css */
html[lang="ar"] body #stmc-site-footer address a[href^="tel:"]{direction:ltr;unicode-bidi:isolate;justify-content:flex-end;text-align:right}

/* latest-stmc-mobile-refinement-20260909-f23e387d38.css */
/* Mobile refinements, 9 September 2026. Keep partner logos unboxed. */
@media(max-width:991px){
:root body .header-wrapper{gap:8px!important;padding-inline:12px!important;box-sizing:border-box!important}
:root body .header-wrapper>.div-block-22,:root body .header-wrapper .dropdown-2{flex:0 0 44px!important;width:44px!important;min-width:44px!important}
:root body .header-wrapper .dropdown{width:44px!important;height:44px!important;min-width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important}
:root body .header-wrapper .image-35{width:24px!important;height:24px!important;flex:none!important;max-width:none!important}
:root body .header-wrapper>.container>a{display:flex!important;align-items:center!important;min-height:44px!important}
:root body .header-wrapper .stmc-language{gap:2px!important;margin-inline:0!important;padding:2px!important}
:root body .stmc-language button{min-height:40px!important;min-width:38px!important;font-size:12px!important;padding:6px 8px!important}
:root body .stmc-language button[data-language=ar]{min-width:46px!important}
:root body .header-wrapper .dropdown-list-3{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
:root body .header-wrapper .dropdown-list-3>a{min-height:48px!important;line-height:1.5!important;display:flex!important;align-items:center!important}
}
@media(max-width:767px){
:root body .stmc-page-title,:root body.stmc-careers h1.heading-5,:root body.stmc-not-found h1{font-size:clamp(32px,8.6vw,40px)!important;line-height:1.12!important;max-width:100%!important;overflow-wrap:normal}
:root body.stmc-home .stmc-title,:root body.stmc-home .heading-14,:root body.stmc-about .heading-15,:root body .stmc-catalogues .stmc-title{font-size:clamp(29px,8vw,35px)!important;line-height:1.15!important}
:root[lang=ar] body .stmc-page-title,:root[lang=ar] body.stmc-careers h1.heading-5,:root[lang=ar] body.stmc-not-found h1{font-size:clamp(30px,8vw,36px)!important;line-height:1.4!important;letter-spacing:0!important}
:root[lang=ar] body.stmc-home .stmc-title,:root[lang=ar] body.stmc-home .heading-14,:root[lang=ar] body.stmc-about .heading-15{font-size:clamp(28px,7.8vw,34px)!important;line-height:1.4!important;letter-spacing:0!important}
:root body.stmc-home .background-video{height:auto!important;min-height:0!important;max-height:none!important}
:root body.stmc-home .fmcg-hero-overlay{position:relative!important;inset:auto!important;min-height:min(760px,88svh)!important;box-sizing:border-box!important;padding:122px 24px 90px!important}
:root body.stmc-home .fmcg-hero-overlay h1{font-size:clamp(33px,8.5vw,43px)!important;line-height:1.08!important}
:root[lang=ar] body.stmc-home .fmcg-hero-overlay h1{font-size:clamp(30px,8vw,38px)!important;line-height:1.4!important;letter-spacing:0!important}
:root body.stmc-home .fmcg-hero-overlay p{font-size:16px!important;line-height:1.6!important}
:root body .stmc-hero-kicker{font-size:11px!important;line-height:1.6!important;letter-spacing:1.2px!important;margin-bottom:18px!important}
:root[lang=ar] body .stmc-hero-kicker{letter-spacing:0!important}
:root body .stmc-hero-actions{margin-top:24px;gap:10px}
:root body .stmc-video-toggle{min-height:44px;font-size:13px;bottom:16px;right:20px}
:root body.stmc-home .stmc-company,:root body.stmc-home .hero-image-and-numbers-wrapper,:root body.stmc-home #stmc-instagram,:root body #testimonials{padding:52px 0!important}
:root body.stmc-home .container-3{padding:52px 0!important}
:root body.stmc-home .stmc-photo{height:360px!important}
:root body .stmc-photo figcaption{padding:45px 24px 24px;font-size:14px}
:root body .stmc-photo figcaption strong{font-size:30px}
:root body .stmc-brands-intro small,:root body .stmc-work-caption span,:root body .stmc-social-meta{font-size:14px!important;line-height:1.5!important}
:root body.stmc-home .statesttics-numbers-wrapper{min-height:196px!important;padding:18px 14px!important}
:root body.stmc-home .stmc-number{font-size:clamp(26px,7.7vw,34px)!important;padding-top:31px!important;letter-spacing:-1px!important}
:root body .stmc-metric-note{font-size:13px!important;line-height:1.5!important}
:root body .stmc-metric-icon{width:24px;height:24px;top:17px;right:16px}
:root body .stmc-work-controls{flex-wrap:wrap;gap:18px}
:root body #stmc-faq summary{flex-wrap:wrap;gap:12px!important}
:root body #stmc-faq .stmc-faq-toggle{font-size:13px}
:root body.stmc-careers .page-hero-section{width:100%!important;max-width:none!important;margin:0!important}
:root body.stmc-careers .section-9{width:calc(100% - 40px)!important;padding:126px 0 32px!important;margin-inline:auto!important}
:root body.stmc-careers .section-8{width:100%!important}
:root body.stmc-careers .section-8>.content-container{width:calc(100% - 40px)!important;margin-inline:auto!important}
:root body.stmc-contact .form-block-2,:root body.stmc-careers .form-block{padding:22px!important}
:root body .stmc-polished-form label{font-size:14px!important;line-height:1.5!important}
:root body .stmc-polished-form .stmc-form-note,:root body #stmc-native-cv-help,:root body .stmc-field-error{font-size:14px!important;line-height:1.6!important}
:root body .w-file-upload{height:auto!important;min-width:0!important;margin:0!important}
:root body .w-file-upload-default{padding:18px 14px!important}
:root body .w-file-upload-label{min-height:44px!important;padding:12px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
:root body .w-file-upload-info{display:block!important;max-width:100%!important;font-size:14px!important;line-height:1.5!important;padding:0!important;margin:12px 0 0!important;white-space:normal!important}
:root body .w-file-upload-file{display:flex!important;align-items:center;min-width:0;padding-inline-end:0!important}
:root body .w-file-upload-file-name{flex:1;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
:root body .w-file-remove-link{position:static!important;display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px;margin:0!important}
:root body .stmc-contact-info a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
:root body .stmc-gallery-intro{padding:126px 0 28px}
:root body .stmc-gallery-trigger{gap:12px}
:root body .stmc-gallery-trigger>span:last-child{font-size:13px!important;line-height:1.4!important;max-width:78px;text-align:end}
:root body .stmc-gallery-trigger strong{overflow-wrap:anywhere}
:root body #stmc-site-footer .stmc-footer-cta h2{font-size:clamp(29px,8vw,34px)!important;line-height:1.2!important}
:root[lang=ar] body #stmc-site-footer .stmc-footer-cta h2{line-height:1.4!important;letter-spacing:0!important}
:root body #stmc-site-footer nav{gap:0;align-items:stretch}
:root body #stmc-site-footer nav a,:root body #stmc-site-footer address a,:root body #stmc-site-footer .stmc-social-links a,:root body #stmc-site-footer .stmc-back-top{display:flex;align-items:center;min-height:44px;padding-block:8px;margin-top:0;font-size:15px;line-height:1.5}
:root body #stmc-site-footer .stmc-back-top{margin-top:14px}
:root body #stmc-site-footer h3{font-size:12px;margin-bottom:10px}
:root body #stmc-site-footer .stmc-footer-bottom{font-size:13px;line-height:1.6;gap:10px}
:root body #stmc-site-footer .stmc-footer-logo img{width:170px!important}
:root body #stmc-site-footer .stmc-footer-logo .stmc-heritage{width:44px!important}
:root body.stmc-not-found .utility-page-wrap{padding:126px 20px 64px!important}
:root body.stmc-not-found .utility-page-content{padding:0!important}
:root body #stmc-links h1{font-size:clamp(32px,8.5vw,38px)!important}
:root body #stmc-links .stmc-links-copy{font-size:16px}
:root body #stmc-links .stmc-links-card small,:root body #stmc-links .qr-heritage p{font-size:13px!important;line-height:1.55!important}
:root body #stmc-links .qr-section-title,:root body #stmc-links .qr-top-label{font-size:11px!important}
:root body #stmc-links .stmc-links-footer a{font-size:14px;min-height:44px}
:root body #stmc-links-language .stmc-language button{min-height:40px!important}
}
@media(max-width:479px){
:root body .header-wrapper{gap:6px!important;padding-inline:10px!important}
:root body .header-wrapper .image-8{width:clamp(122px,35vw,142px)!important;max-width:none!important}
:root body.stmc-home .div-block-7{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:359px){
:root body.stmc-home .div-block-7{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:root body #stmc-site-footer .stmc-footer-main{grid-template-columns:1fr;gap:28px}
:root body #stmc-site-footer .stmc-footer-brand{grid-column:auto}
:root body .stmc-gallery-badge{flex-basis:60px;height:54px;padding:8px}
:root body .stmc-gallery-trigger strong{font-size:17px!important}
:root body.stmc-contact .form-block-2,:root body.stmc-careers .form-block{padding:18px!important}
:root body .stmc-contact-info{grid-template-columns:1fr}
}
/* Viewer controls stay reachable on short landscape screens. */
:root .stmc-photo-dialog{padding:16px;box-sizing:border-box}
.stmc-photo-controls{display:flex;gap:12px;justify-content:space-between;margin-top:14px}
.stmc-photo-controls button{min-height:44px;min-width:100px;padding:10px 18px;border:1px solid #ced9e7;border-radius:24px;background:#f4f7fb;color:#23486f;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.stmc-photo-controls button:disabled{opacity:.45;cursor:default}
:root .stmc-photo-dialog img{max-height:calc(90dvh - 154px);min-height:0}
:root .stmc-dialog-top{gap:14px;font-size:14px;line-height:1.5}
:root .stmc-dialog-top button{min-height:44px;flex:none}
@media(max-width:767px){:root .stmc-photo-dialog{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:14px;border-radius:18px}:root .stmc-photo-dialog img{max-height:calc(100dvh - 190px)}}
@media(max-height:500px) and (orientation:landscape){:root body .stmc-home .fmcg-hero-overlay{padding-top:110px!important;min-height:560px!important}:root .stmc-photo-dialog{margin:8px auto;padding:10px;max-height:calc(100dvh - 16px)}:root .stmc-dialog-top{margin-bottom:6px}:root .stmc-photo-controls{margin-top:6px}:root .stmc-photo-dialog img{max-height:calc(100dvh - 136px)}}
@media(max-width:600px){:root #stmc-catalogue-reader .stmc-book-shell{padding-top:max(12px,env(safe-area-inset-top))}:root #stmc-catalogue-reader .stmc-book-help{font-size:12px;line-height:1.4}:root #stmc-catalogue-reader .stmc-book-status{font-size:13px}}


/* latest-stmc-review-shared-d042809445.css */
@media(max-width:991px){:root body .header-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) auto 44px!important;align-items:center!important;gap:10px!important;position:relative!important}:root body .header-wrapper>.container{grid-column:1;grid-row:1;width:auto!important;min-width:0;margin:0!important}:root body .header-wrapper>.stmc-language{grid-column:2;grid-row:1;margin:0!important;order:initial!important}:root body .header-wrapper>.div-block-22{grid-column:3;grid-row:1;position:static!important;float:none!important;margin:0!important;width:44px!important}:root body .header-wrapper .dropdown-2{position:static!important;display:block!important;margin:0!important}:root body .header-wrapper .w-dropdown-toggle{width:44px!important;height:44px!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}:root body .header-wrapper .image-35{width:24px!important;height:24px!important;object-fit:contain!important;margin:0!important}:root body .header-wrapper .dropdown-list-3{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 14px)!important;inset-inline:0!important;inset-block-start:calc(100% + 14px)!important;transform:none!important;width:auto!important;min-width:0!important;max-height:calc(100dvh - 120px);overflow:auto;box-sizing:border-box!important}:root body .header-wrapper .dropdown-list-3>a{justify-content:flex-start!important;text-align:start!important;min-height:48px!important}}.stmc-legal-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px}.stmc-legal-links a{font-size:14px;color:inherit;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}#stmc-policy-dialog{width:min(760px,calc(100% - 32px));max-height:85dvh;margin:auto;padding:0;border:1px solid #dce4ed;border-radius:18px;background:#fff;color:#142d4e;text-align:start;box-shadow:0 24px 80px #091a2f44}#stmc-policy-dialog::backdrop{background:#091a2f99}#stmc-policy-dialog .stmc-policy-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #dce4ed;z-index:1}#stmc-policy-dialog h2{font-size:24px!important;margin:0;line-height:1.4!important}#stmc-policy-dialog button{min-height:44px;padding:8px 16px;border:1px solid #b6c7dc;border-radius:8px;background:white;color:#142d4e;cursor:pointer}#stmc-policy-dialog article{padding:24px}#stmc-policy-dialog h3{font-size:18px!important;margin:28px 0 10px;line-height:1.5}#stmc-policy-dialog p{font-size:16px;line-height:1.8;margin:0 0 16px}#stmc-policy-dialog .stmc-policy-draft{background:#f2f5fa;padding:12px 16px;border-radius:8px;font-size:14px}#stmc-policy-dialog a{color:#204d8c;text-decoration:underline}

/* latest-stmc-legal-links-css-d9b9419ca7.css */
#stmc-site-footer .stmc-legal-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px}#stmc-site-footer .stmc-legal-links a{font-size:14px;color:inherit;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}

/* latest-stmc-language-style-21f67a8da8.css */
.stmc-language{display:flex;align-items:center;gap:3px;direction:ltr;flex-shrink:0;padding:3px;background:#eef3fa;border:1px solid #d8e2ef;border-radius:999px;margin-inline-start:12px}.stmc-language button{appearance:none;border:0;border-radius:999px;min-height:36px;min-width:38px;padding:5px 9px;color:#214575;background:transparent;font:600 12px/1.4 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}.stmc-language button[aria-pressed=true]{background:#204c89;color:white;box-shadow:0 2px 6px #193d7022}.stmc-language button:focus-visible{outline:3px solid #639ddd;outline-offset:2px}.header-wrapper>.navbar-copy{margin-inline-start:auto}.header-wrapper>.stmc-language{order:4}#stmc-links-language .stmc-language{width:max-content;margin:0 auto 24px;background:#ffffffeb}.stmc-field-error{font-size:13px!important;line-height:1.65!important;color:#ab2634!important;margin:7px 0 0!important;grid-column:1/-1;text-align:start}.stmc-field-error[hidden]{display:none!important}.stmc-language-standalone{position:absolute;top:24px;inset-inline-end:24px;z-index:1000}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#b62a39!important}a[href^="tel:"],a[href^="mailto:"],.stmc-number,.stmc-social-meta time{unicode-bidi:isolate;direction:ltr}.stmc-work-track{direction:ltr}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:Tahoma,Arial,sans-serif!important}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] p,html[lang=ar] .stmc-kicker,html[lang=ar] .stmc-eyebrow{letter-spacing:0!important}html[lang=ar] .stmc-title,html[lang=ar] .stmc-page-title,html[lang=ar] .heading-14{line-height:1.45!important;max-width:none}html[lang=ar] .fmcg-hero-overlay h1{line-height:1.35!important;max-width:20ch!important}html[lang=ar] .stmc-page-copy,html[lang=ar] .stmc-body,html[lang=ar] .stmc-lead,html[lang=ar] .paragraph-11,html[lang=ar] .paragraph-12{line-height:1.9!important}html[lang=ar] .stmc-polished-form label,html[lang=ar] .stmc-polished-form,html[lang=ar] .stmc-gallery-trigger,html[lang=ar] .stmc-work-caption,html[lang=ar] .stmc-photo figcaption,html[lang=ar] .stmc-faq-content{text-align:right!important}html[lang=ar] .stmc-work-caption{direction:rtl}html[lang=ar] .stmc-gallery-trigger>span:last-child{margin-left:0!important;margin-right:auto!important;text-align:left}html[lang=ar] .stmc-footer-main,html[lang=ar] .stmc-footer-bottom,html[lang=ar] .stmc-footer-cta,html[lang=ar] .stmc-story-grid,html[lang=ar] .stmc-brands-copy,html[lang=ar] .stmc-brands-intro{text-align:right}html[lang=ar] .w-dropdown-list{text-align:right}html[lang=ar] .stmc-gallery-badge,html[lang=ar] .stmc-number,html[lang=ar] .stmc-footer-logo,html[lang=ar] .stmc-photo-dialog img{direction:ltr}html[lang=ar] .stmc-careers .section-9 h1{max-width:24ch!important}html[lang=ar] .stmc-links-list{text-align:right}html[lang=ar] .stmc-hero-kicker{font-size:12px!important;letter-spacing:0!important}html[lang=ar] .stmc-video-toggle{font-size:12px}
@media(max-width:991px){.header-wrapper>.stmc-language{margin-inline-start:auto;margin-inline-end:12px;order:2}.header-wrapper>.w-dropdown{order:3;margin-inline-start:0!important}.header-wrapper>.navbar-copy{margin:0!important}}
@media(max-width:479px){.stmc-language{margin-inline-start:4px!important;margin-inline-end:7px!important;padding:2px}.stmc-language button{font-size:11px;min-height:34px;padding:4px 7px;min-width:31px}.header-wrapper .image-8{max-width:112px!important}html[lang=ar] .stmc-page-title{font-size:35px!important}html[lang=ar] .stmc-home .fmcg-hero-overlay h1{font-size:35px!important}html[lang=ar] .stmc-home .stmc-title{font-size:33px!important}html[lang=ar] .stmc-hero-kicker{font-size:10px!important}html[lang=ar] .stmc-gallery-trigger strong{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.stmc-language button{transition:none}}


/* latest-stmc-video-control-visible-f94c6a8adc.css */
@media(min-width:768px) and (prefers-reduced-motion:no-preference){:root body .background-video>.stmc-video-toggle{display:block!important}}

/* latest-stmc-ar-brands-heading-alignment-9c5c553e30.css */
html[lang="ar"] .stmc-brands-copy .heading-14{text-align:right!important}

/* latest-stmc-social-navigation-58a4856ff8.css */
.stmc-social-controls{display:none}@media(max-width:600px){.stmc-social-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 0}.stmc-social-controls p{font-size:14px;color:#52657d;margin:0}.stmc-social-controls button{min-width:44px;min-height:44px;border:1px solid #cbd7e5;border-radius:99px;background:#fff;color:#204d8c;font-size:20px;margin-inline-start:8px}.stmc-social-controls button:disabled{opacity:.35}}

/* site.css */
/* Local behavior and accessible controls. The preserved design cascade loads first. */
html {
  scroll-behavior: smooth;
}
body {
  opacity: 1 !important;
}
html.stmc-loading body {
  opacity: 1 !important;
}
[hidden] {
  display: none !important;
}
.w-dropdown-list:not(.w--open) {
  display: none;
}
.w-dropdown-list.w--open {
  display: block;
}
.stmc-gallery-panel:not([hidden]) {
  display: block !important;
}
.stmc-gallery-panel .quickstack {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.stmc-gallery-panel .w-layout-cell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.site-form-fields {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: contents;
}
.site-form-notice,
.site-form-status,
.site-upload,
.site-challenge,
.site-form-note {
  grid-column: 1/-1;
}
.site-form-notice,
.site-form-status:not(:empty) {
  padding: 14px 18px;
  border: 1px solid #bbcee5;
  border-radius: 12px;
  background: #f1f5fb;
  color: #173e78;
  line-height: 1.7;
}
.site-upload {
  margin: 12px 0;
}
.site-upload input {
  max-width: 100%;
}
.site-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.site-form-fields:disabled {
  opacity: 0.65;
}
.site-upload button {
  border: 1px solid #bad0e7;
  border-radius: 10px;
  background: #eef4fc;
  padding: 10px 16px;
  color: #184586;
  cursor: pointer;
}
.site-form-status:empty {
  margin: 0;
  padding: 0;
}
.site-challenge {
  min-width: 0;
}
.stmc-map-loading {
  display: none !important;
}
.site-map-link {
  height: 100%;
  min-height: 300px;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 24px;
  background: #e7eff8;
  margin: 0;
}
.site-map-link a {
  color: #184586;
  text-decoration: underline;
  font-weight: 600;
}
.site-photo-dialog,
.site-catalogue {
  border: 0;
  padding: 18px;
  background: #fff;
  color: #184586;
  border-radius: 18px;
  max-width: min(1200px, 96vw);
  width: 96vw;
  max-height: 95dvh;
  box-shadow: 0 12px 60px #0004;
}
.site-photo-dialog::backdrop,
.site-catalogue::backdrop {
  background: #07172ed9;
}
.site-reader-toolbar,
.site-reader-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.site-reader-toolbar {
  justify-content: space-between;
}
.site-reader-toolbar h2 {
  font-size: 20px;
  margin: 0;
}
.site-reader-toolbar button,
.site-reader-controls button {
  font: inherit;
  padding: 8px 16px;
  border: 1px solid #bacde4;
  border-radius: 12px;
  background: #f1f5fb;
  color: #184586;
  cursor: pointer;
}
.site-reader-controls button:disabled {
  opacity: 0.4;
  cursor: default;
}
.site-photo-dialog > img {
  display: block;
  margin: 16px auto;
  max-width: 100%;
  max-height: 73dvh;
  object-fit: contain;
}
.site-reader-pages {
  height: 72dvh;
  overflow: auto;
  display: flex;
  justify-content: center;
  background: #e8edf3;
  margin: 12px 0;
  direction: ltr;
}
.site-reader-pages img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.site-reader-pages.is-zoomed {
  display: block;
}
.site-reader-pages.is-zoomed img {
  width: 150%;
  max-width: none;
  height: auto;
}
.site-reader-controls input {
  width: 70px;
  padding: 6px;
  border: 1px solid #bacde4;
  border-radius: 8px;
  font: inherit;
  color: #184586;
}
.site-reader-blank {
  background: #fff;
  width: min(100%, 500px);
  display: grid;
  place-content: center;
  margin: 0;
}
.site-not-found {
  font: 20px system-ui;
  color: #184586;
  background: #f1f5fb;
  padding: 12vh 8vw;
}
.site-not-found a {
  color: inherit;
}
@media (max-width: 767px) {
  .stmc-gallery-panel .quickstack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .site-reader-pages {
    height: 65dvh;
  }
  .site-reader-controls {
    gap: 8px;
  }
  .site-reader-controls button {
    padding: 8px 11px;
  }
  .site-reader-toolbar h2 {
    font-size: 17px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Essential hero copy paints immediately, independent of animation timers. */
.fmcg-hero-overlay h1,
.fmcg-hero-overlay p {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Match the preserved Webflow Product in/out and Brand Logos in/out motion:
   a quick product reveal, shrinking exit and a slower logo fade back in. */
.logo-wrapper { isolation: isolate; cursor: pointer; }
.stmc-home .logo-wrapper .brand-logo {
  opacity: 1;
  transform: scale(1);
  transition: opacity 500ms linear 60ms, transform 60ms cubic-bezier(.19, 1, .22, 1);
}
.stmc-home .logo-wrapper .products {
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transform: scale(.5);
  transition: opacity 200ms linear, transform 200ms linear;
}
.stmc-home .logo-wrapper.is-product-ready:is(.is-active, :focus-visible) .products {
  opacity: 1 !important;
  transform: scale(1.4) !important;
  transition: opacity 200ms linear, transform 70ms linear;
}
.stmc-home .logo-wrapper.is-product-ready:is(.is-active, :focus-visible) .brand-logo {
  opacity: 0 !important;
  transform: scale(1.4) !important;
  transition: opacity 70ms linear, transform 70ms ease-in-out;
}
@media (hover: hover) {
  .stmc-home .logo-wrapper.is-product-ready:hover .products {
    opacity: 1 !important;
    transform: scale(1.4) !important;
    transition: opacity 200ms linear, transform 70ms linear;
  }
  .stmc-home .logo-wrapper.is-product-ready:hover .brand-logo {
    opacity: 0 !important;
    transform: scale(1.4) !important;
    transition: opacity 70ms linear, transform 70ms ease-in-out;
  }
}
/* Keep the logo visible until the product has decoded, including keyboard focus. */
.stmc-home .logo-wrapper:not(.is-product-ready) .brand-logo { opacity: 1 !important; transform: none !important; }
.stmc-home .logo-wrapper:not(.is-product-ready) .products { opacity: 0 !important; }
@media (max-width: 479px) {
  :root .stmc-home .logo-wrapper.is-product-ready .products { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  :root .stmc-home .logo-wrapper.is-product-ready .brand-logo,
  :root .stmc-home .logo-wrapper.is-product-ready .products { transition: none !important; transform: none !important; }
}
/* QR links remain readable from the first paint. */
#stmc-links .qr-top, #stmc-links .qr-hero, #stmc-links .stmc-links-list li, #stmc-links .qr-divider, #stmc-links .stmc-links-footer {
  animation: none !important; opacity: 1 !important; transform: none !important;
}

/* Match the current contact map while keeping a direct navigation fallback. */
#stmc-contact-map iframe {display:block;width:100%;height:320px;border:0;}
#stmc-contact-map .site-map-fallback {min-height:0;height:auto;padding:10px 14px;font-size:13px;}
.stmc-consent {grid-column:1/-1;}

/* Poster-only hero: originals remain archived for a future video decision. */
.stmc-home .background-video>.stmc-hero-poster {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:0;pointer-events:none;}

/* Native gallery rows reserve the complete image height without JS masonry. */
body .stmc-gallery-panel .quickstack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: 18px !important;
  align-items: start !important;
}
body .stmc-gallery-panel .w-layout-cell { display: contents !important; }
body .stmc-gallery-panel .stmc-gallery-photo {
  display: block; width: 100%; height: auto !important;
  aspect-ratio: auto !important; grid-row: auto !important;
  margin: 0 !important; padding: 0; align-self: start !important;
}
body .stmc-gallery-photo img {
  display: block; position: static !important; width: 100% !important;
  height: auto !important; max-width: 100%; object-fit: contain !important;
}
body .stmc-catalog-card h3, body .stmc-catalog-card p { display: block !important; }
body.stmc-contact .container-9 {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  grid-template-areas: "intro form" "map form"; gap: 28px !important;
  align-items: start !important;
}
.stmc-contact-location { grid-area: intro; }
.stmc-contact .form-block-2 { grid-area: form; min-width: 0; }
#stmc-contact-map { grid-area: map; min-width: 0; }
.stmc-contact-actions a { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.site-not-found nav {display:flex; flex-wrap:wrap; gap:16px;}
.site-not-found main {max-width:720px; margin:auto; padding-bottom:48px;}
.site-not-found main h1 {font-size:clamp(28px,5vw,48px); line-height:1.2; margin:0 0 16px;}
.site-not-found main p {font-size:18px; line-height:1.6;}
.site-not-found main nav {margin-top:24px;}
.site-not-found main nav a {display:block; padding:10px 14px; border:1px solid #bacde4; border-radius:10px; background:#fff; font-size:18px; text-decoration:underline;}
@media (max-width: 991px) {
  body.stmc-contact .container-9 {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "intro" "form" "map";
  }
}
@media (max-width: 767px) {
  body .stmc-gallery-panel .quickstack {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
}

/* Catalogue text stays readable beside the original source image. */
.site-catalogue[open] { display: flex; flex-direction: column; max-height: 95dvh; }
.site-reader-search { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; align-items: center; }
.site-reader-search input { flex: 1; min-width: 140px; border: 1px solid #bacde4; border-radius: 8px; padding: 8px; font: inherit; color: inherit; }
.site-catalogue [data-search-status] { margin: 4px 0; }
.site-reader-results { max-height: 18dvh; overflow: auto; flex-shrink: 0; }
.site-reader-results button { display: block; width: 100%; padding: 10px; background: #f1f5fb; color: #184586; border: 1px solid #bacde4; text-align: start; font: inherit; cursor: pointer; }
.site-catalogue .site-reader-pages { height: auto; min-height: 120px; flex: 1 1 60dvh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 1fr); gap: 20px; align-items: start; direction: inherit; padding: 12px; }
.site-catalogue .site-reader-pages img { width: 100%; height: auto; max-height: none; }
.site-reader-product-text { background: #fff; padding: 16px; color: #173b6c; }
.site-reader-product-text h3 { font-size: 20px; line-height: 1.4; margin: 0 0 12px; }
.site-reader-product-text ul, .site-catalogue-entry ul { margin: 0; padding-inline-start: 24px; }
.site-reader-product-text li, .site-catalogue-entry li { margin-bottom: 10px; line-height: 1.6; }
.site-catalogue .site-reader-pages.is-zoomed { grid-template-columns: minmax(0, 1fr); }
.site-catalogue .site-reader-pages.is-zoomed img { width: 150%; max-width: none; }
.site-catalogue .site-reader-pages.is-zoomed .site-reader-product-text { position: relative; }
.site-catalogue [data-full-text] { text-decoration: underline; margin-bottom: 8px; color: #184586; }
.site-reader-announcement { font-size: 14px; margin: 4px 0 0; text-align: center; }
.site-catalogue-document-main { max-width: 1100px; margin: 0 auto; padding: 140px 24px 60px; color: #173b6c; }
.site-catalogue-document-main h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.2; }
.site-catalogue-document-main > p { max-width: 760px; line-height: 1.6; }
.site-catalogue-document-main a { color: #184586; text-decoration: underline; }
.site-catalogue-index { display: flex; flex-wrap: wrap; gap: 12px 20px; padding: 24px 0; }
.site-catalogue-index a { padding: 4px; }
.site-catalogue-entry { padding: 24px 0; border-top: 1px solid #bacde4; scroll-margin-top: 110px; }
.site-catalogue-entry h2 { font-size: 24px; line-height: 1.4; margin: 0 0 20px; }
.site-catalogue-entry-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.site-catalogue-entry img { width: 100%; height: auto; }
@media (max-width: 767px) {
  .site-catalogue { padding: 12px; }
  .site-catalogue .site-reader-pages, .site-catalogue .site-reader-pages.is-zoomed { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 8px; }
  .site-catalogue .site-reader-pages.is-zoomed img { width: 150%; }
  .site-reader-product-text { grid-row: 1; }
  .site-catalogue-entry-grid { grid-template-columns: minmax(0, 1fr); }
  .site-catalogue-document-main { padding: 120px 20px 40px; }
}

/* Original paper page turns, served locally, with product text kept accessible. */
.site-catalogue .site-reader-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
  height: min(56dvh, 680px);
  min-height: 220px;
  flex: none;
  padding: 0;
  gap: 0;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
.site-reader-book { flex-shrink: 0; transition: transform .28s ease; }
.site-reader-book.is-front { transform: translateX(-25%); }
.site-reader-book.is-back { transform: translateX(25%); }
.site-book-page { background: white; overflow: hidden; }
.site-catalogue .site-book-page img { width: 100%; height: 100%; max-height: 100%; object-fit: contain; display: block; }
.site-catalogue .site-reader-pages > .site-book-page { height: 100%; max-width: 100%; }
.site-catalogue .site-reader-pages.is-zoomed { display: block; overflow: auto; padding: 0; }
.site-catalogue .site-reader-pages.is-zoomed > .site-book-page { height: auto; width: 150%; max-width: none; }
.site-catalogue .site-reader-pages.is-zoomed img { width: 100%; height: auto; max-width: none; max-height: none; }
.site-reader-text { margin: 12px 0; }
.site-reader-text summary { cursor: pointer; font-weight: 600; }
.site-reader-text[open] .site-reader-product-text { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.site-catalogue [data-full-text] { display: inline-block; }
.site-photo-dialog > img { touch-action: pan-y pinch-zoom; }
@media (max-width: 767px) {
  .site-catalogue .site-reader-pages { height: 48dvh; }
}
@media (prefers-reduced-motion: reduce) {
  .site-reader-book { transition: none; }
}
.site-reader-book .stf__wrapper { position: relative; height: 100%; }