/* OCELEIYA editorial showroom: generous hierarchy, useful product density. */
:root{--site-paper:#faf8f2;--site-white:#fffefb;--site-olive:#526048;--site-ink:#24291f;--site-muted:#697060;--site-line:#dce0d3;--site-serif:"Iowan Old Style","Baskerville","Noto Serif SC","Songti SC",Georgia,serif;--site-gutter:clamp(20px,4.5vw,80px);--site-consent-offset:0px}
.site-refined{color:var(--site-ink);background:var(--site-paper)}
.site-refined a,.site-refined button{touch-action:manipulation}
.site-refined :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--site-olive);outline-offset:5px}
.site-refined :is(section,[id]){scroll-margin-top:110px}
.site-refined .section-pad{padding:clamp(52px,6.3vw,96px) var(--site-gutter)}
.site-refined .section-heading h2,.site-refined .site-section-heading h2{font-family:var(--site-serif);font-weight:400;font-size:clamp(30px,3.2vw,48px);line-height:1.2;letter-spacing:-.03em}
.site-refined .eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.6;color:var(--site-olive)}
.site-refined .button{border-radius:3px;min-height:46px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;letter-spacing:.02em}
.site-refined .button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #24291f12}
.site-refined .button-dark{background:var(--site-ink);color:#fff}
.site-refined .button-dark:hover{background:var(--site-olive)}
.site-unified-header{position:sticky;top:0;z-index:50;min-height:82px;padding:12px var(--site-gutter);background:#faf8f2f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--site-line);display:grid;grid-template-columns:minmax(138px,180px) 1fr auto;gap:24px;align-items:center}
.site-refined .site-header{height:auto;min-height:82px;padding:12px var(--site-gutter);grid-template-columns:minmax(138px,180px) 1fr auto;gap:24px}
.site-unified-header .oceleiya-logo,.site-shell-brand img{width:155px;height:41px;object-fit:contain;mix-blend-mode:multiply;max-width:100%}
.site-unified-header .site-wordmark{display:block;color:#1e241b;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.045em;white-space:nowrap;direction:ltr}
.site-primary-nav,.site-refined .main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,26px);min-width:0}
.site-primary-nav>a,.site-primary-nav summary,.site-refined .main-nav>a{font-size:12px;font-weight:500;letter-spacing:.015em;text-transform:none;white-space:nowrap;color:var(--site-ink)}
.site-primary-nav>a{padding:9px 0;text-decoration:none}
.site-primary-nav>a:hover{color:var(--site-olive)}
.site-nav-group{position:relative}
.site-nav-group summary,.site-language-menu summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:42px}
.site-nav-group summary::-webkit-details-marker,.site-language-menu summary::-webkit-details-marker{display:none}
.site-nav-group[open]>summary{color:var(--site-olive)}
.site-catalog-menu{position:absolute;top:calc(100% + 12px);inset-inline-start:0;width:350px;padding:20px;background:var(--site-white);border:1px solid var(--site-line);box-shadow:0 16px 50px #24291f1a;border-radius:5px}
.site-primary-nav .site-catalog-menu a{position:static;display:flex;align-items:center;justify-content:space-between;white-space:normal;text-transform:none;letter-spacing:0;text-decoration:none}
.site-catalog-menu a:after{display:none!important}
.site-catalog-quote{background:var(--site-olive);color:#fff!important;padding:14px 15px!important;border-radius:3px;font-size:14px!important}
.site-catalog-all{font-size:14px!important;font-weight:600!important;padding:16px 1px!important;border-bottom:1px solid var(--site-line)}
.site-catalog-all b{font-size:11px;background:#edf0e5;padding:3px 7px;border-radius:3px}
.site-nav-categories{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding-top:8px}
.site-nav-categories a{font-size:12px!important;line-height:1.4;padding:10px 0!important;gap:6px}
.site-nav-categories a:hover{color:var(--site-olive);text-decoration:underline!important;text-underline-offset:4px}
.site-fallback-label{display:block;margin-top:8px;font-size:11px;line-height:1.5;color:var(--site-muted)}
.site-shell-actions,.site-refined .header-actions{display:flex;align-items:center;gap:14px;justify-self:end}
.site-shell-inquiry,.site-refined .inquiry-button{display:flex;gap:12px;align-items:center;border:1px solid var(--site-line);background:none;color:var(--site-ink);padding:11px 13px;border-radius:3px;font-size:12px;white-space:nowrap;letter-spacing:0}
.site-shell-inquiry:hover{background:#e9ede1}
.site-shell-inquiry span{color:var(--site-olive)}
.site-language-menu{position:relative;font-size:12px}
.site-language-menu>div{position:absolute;inset-inline-end:0;top:48px;background:var(--site-white);padding:10px;min-width:180px;border:1px solid var(--site-line);box-shadow:0 12px 30px #24291f15}
.site-language-menu>div>a{display:block;padding:10px 12px;color:var(--site-ink);text-decoration:none}
.site-language-menu>div>a:hover,.site-language-menu [aria-current=page]{background:#edf0e5}
.site-shell-menu{display:none}
.site-redundant-brand{display:none!important}
.site-refined .hero-product-slide .hero-content{max-width:620px}
.site-refined .hero-carousel-controls{border-top:1px solid #24291f19}
.site-refined .hero-slide-tabs b{font-size:10px;letter-spacing:.08em}
.site-refined .trust-strip{padding:26px var(--site-gutter);background:#eeefe6;border-bottom:1px solid var(--site-line)}
.site-collections{background:var(--site-paper)}
.site-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:30px}
.site-section-heading h2{margin:0;max-width:700px}
.site-section-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--site-muted);max-width:430px;margin:0 0 17px}
.site-inline-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;line-height:1.5;color:var(--site-ink);text-decoration:none!important;border-bottom:1px solid var(--site-olive);padding-bottom:6px}
.site-inline-link span{transition:transform .2s ease}
.site-inline-link:hover span{transform:translate(3px,-2px)}
.site-collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.site-collection-card{display:block;min-width:0;text-decoration:none;color:var(--site-ink)}
.site-collection-image{position:relative;aspect-ratio:1/1.14;overflow:hidden;background:#eeeee7;border:1px solid #e6e6dc;border-radius:70px 70px 3px 3px}
.site-collection-image img{width:100%;height:100%;object-fit:contain;padding:10%;background:#fff;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.site-collection-card:nth-child(2n) .site-collection-image{background:#e9ecdf}
.site-collection-card:nth-child(3n) .site-collection-image{background:#f2e9df}
.site-collection-card:hover img{transform:scale(1.055)}
.site-collection-index{position:absolute;top:16px;inset-inline-start:16px;font-size:10px;color:var(--site-muted)}
.site-collection-monogram{display:grid;place-items:center;height:100%;font:80px var(--site-serif);color:#b8c0aa}
.site-collection-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 1px;gap:8px}
.site-collection-caption h3{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 3px;overflow-wrap:anywhere}
.site-collection-caption p{font-size:11px;color:var(--site-muted);margin:0}
.site-round-arrow{display:grid;place-items:center;border:1px solid var(--site-line);border-radius:50%;height:29px;width:29px;flex:0 0 29px;font-size:14px;transition:background .2s ease}
.site-collection-card:hover .site-round-arrow{background:var(--site-olive);color:#fff;border-color:var(--site-olive)}
.site-company-preview{margin:0 var(--site-gutter) 52px;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,110px);background:#e8ecdf;padding:clamp(28px,4vw,58px);border-radius:5px;align-items:center}
.site-company-preview h2{font-family:var(--site-serif);font-size:clamp(28px,3vw,44px);line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:0 0 18px}
.site-company-preview>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#56604e;max-width:590px}
.site-company-preview-links a{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid #68735b3b;text-decoration:none;color:var(--site-ink)}
.site-company-preview-links a:first-child{border-top:1px solid #68735b3b}
.site-company-preview-links a>span{font-size:11px;color:var(--site-olive)}
.site-company-preview-links strong{font-size:15px;font-weight:500}
.site-company-preview-links b{font-weight:400;transition:transform .2s ease}
.site-company-preview-links a:hover b{transform:translate(3px,-3px)}
.site-refined #start-inquiry{padding-top:32px;padding-bottom:52px}
.site-refined #capabilities .cooperation-flow{display:none}
.site-refined #capabilities .cooperation-planning{padding:24px;margin-top:20px;gap:28px}
.site-refined #capabilities .cooperation-actions{gap:22px}
.site-refined #catalog{background:#f0f0e8;border-block:1px solid var(--site-line)}
.site-refined .product-grid{gap:22px}
.site-refined .product-card{border:1px solid #e0e2d8;background:#fffefa;border-radius:4px;overflow:hidden;box-shadow:none;transition:transform .25s ease,border-color .25s ease}
.site-refined .product-card:hover{transform:translateY(-4px);border-color:#a7b19a}
.site-refined .product-card .product-card-image img{transition:transform .55s ease}
.site-refined .product-card:hover .product-card-image img{transform:scale(1.025)}
.site-refined .product-card h3{font-family:var(--site-serif);font-weight:400;line-height:1.4;letter-spacing:-.015em}
.site-refined #about{padding:clamp(50px,6vw,90px) var(--site-gutter);gap:clamp(35px,6vw,100px);background:var(--site-white)}
.site-refined .about-services article{background:none;border:0;border-top:1px solid var(--site-line);padding:26px 0;margin:0}
.site-refined .about-services h3{font-family:var(--site-serif);font-size:26px;font-weight:400;line-height:1.35}
.site-refined .company-identity{border-left:0;border-inline-start:2px solid var(--site-olive);padding-inline-start:20px;background:transparent}
.site-refined .about-facts{gap:20px}
.site-refined .about-fact strong{color:var(--site-olive);font-weight:400}
.site-refined .factory-gallery{gap:24px}
.site-refined .factory-scene{border-radius:4px;overflow:hidden}
.site-refined .factory-scene-image img{transition:transform .8s ease}
.site-refined .factory-scene:hover .factory-scene-image img{transform:scale(1.025)}
.site-refined .factory-scene-copy{padding:22px 8px}
.site-refined .process{background:#e8ecdf}
.site-refined .process ol{gap:0}
.site-refined #faq details{border-top:1px solid var(--site-line);padding:20px 0}
.site-refined #faq summary{cursor:pointer;font-size:16px;line-height:1.5}
.site-refined #faq details p{max-width:850px;font-size:14px;line-height:1.8;color:var(--site-muted);margin:16px 0 0}
.site-refined .seo-main{max-width:1440px;padding:34px var(--site-gutter) 70px}
.site-refined .seo-intro{padding:28px 0 36px;border-bottom:1px solid var(--site-line);margin-bottom:28px}
.site-refined .seo-intro h1{font-family:var(--site-serif);font-weight:400;letter-spacing:-.035em;font-size:clamp(32px,4.1vw,62px);max-width:1000px;line-height:1.15}
.site-refined .seo-intro>p{font-size:15px;line-height:1.8;max-width:850px}
.site-refined .seo-grid{gap:24px}
.site-refined .seo-card{border:1px solid var(--site-line);background:var(--site-white);border-radius:4px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.site-refined .seo-card:hover{transform:translateY(-4px);border-color:#a7b19a}
.site-refined .seo-card h2{font-family:var(--site-serif);font-weight:400;line-height:1.4;font-size:21px}
.site-refined .seo-card>a>img{transition:transform .55s ease}
.site-refined .seo-card>a:hover>img{transform:scale(1.025)}
.site-refined .seo-product{gap:clamp(30px,5vw,80px);align-items:start}
.site-refined .seo-product-photo{border:1px solid var(--site-line);border-radius:5px;background:var(--site-white);position:sticky;top:108px}
.site-refined .seo-product-copy h1{font-family:var(--site-serif);font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1.23}
.site-refined .seo-product-copy h2{font-size:15px;letter-spacing:.02em;font-weight:600;margin-top:25px}
.site-refined .seo-specs>div{padding:12px 0;border-bottom:1px solid var(--site-line);gap:20px}
.site-refined .seo-specs dt{font-size:13px;color:var(--site-muted)}
.site-refined .seo-specs dd{font-size:14px}
.site-refined .seo-product-note{font-size:12px!important;border-inline-start:2px solid #b8c3a9;padding-inline-start:12px;color:var(--site-muted)!important}
.site-refined .seo-actions{gap:12px;flex-wrap:wrap}
.site-refined .seo-actions a{border-radius:3px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:12px 18px}
.site-refined .seo-services{padding:35px 0;border-top:1px solid var(--site-line);margin-top:55px}
.site-refined .seo-category-links a{border-radius:3px;font-size:12px;padding:10px 13px;background:#f0f2e9;border-color:var(--site-line)}
.site-refined .service-page{max-width:1240px;padding:52px var(--site-gutter) 70px;margin:0 auto}
.site-refined .service-page h1{font-family:var(--site-serif);font-weight:400;font-size:clamp(32px,4vw,58px);line-height:1.2;letter-spacing:-.025em}
.site-refined .service-page #service-content>p{max-width:900px;font-size:16px;line-height:1.8;color:var(--site-muted)}
.site-refined .service-page #service-content>ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.site-refined .service-page #service-content>ul>li{padding:21px 0;border-top:1px solid var(--site-line);font-size:15px;line-height:1.8}
.site-refined .service-page .service-actions{margin:35px 0}
.site-footer-cap{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding:0 0 28px;margin-bottom:30px;font-size:13px;flex-wrap:wrap}
.site-footer-cap>span{margin-inline-end:auto;font-size:14px}
.site-footer-cap>a{display:inline-flex!important;align-items:center;gap:14px;text-decoration:none!important}
.site-refined .seo-footer{padding:40px var(--site-gutter);background:#e8ecdf;border-top:1px solid var(--site-line);color:var(--site-ink)}
.site-contact-rail{position:fixed;z-index:70;inset-inline-end:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px}
.site-contact-rail[hidden]{display:none}
.site-refined.shop-cart-open .site-contact-rail{display:none!important}
.site-contact-item{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #fff9;border-radius:50%;background:#faf9f2;color:var(--site-olive);box-shadow:0 5px 20px #24291f19;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}
.site-contact-item:hover{transform:translateY(-2px);background:#e8ecdf}
.site-contact-whatsapp{background:var(--site-olive);color:#fff}
.site-contact-whatsapp:hover{background:#3f4e36}
.site-contact-text{display:none}
.site-contact-tooltip{position:absolute;inset-inline-end:60px;top:9px;white-space:nowrap;background:var(--site-ink);color:white;padding:7px 11px;font-size:11px;border-radius:3px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}
.site-contact-item:hover .site-contact-tooltip,.site-contact-item:focus-visible .site-contact-tooltip{opacity:1;visibility:visible}
.site-email-panel{position:absolute;inset-inline-end:62px;top:0;width:310px;padding:25px;background:var(--site-white);border:1px solid var(--site-line);border-radius:5px;box-shadow:0 15px 50px #24291f24;transform:none}
.site-email-panel[hidden]{display:none}
.site-email-panel p{font-size:12px;color:var(--site-muted);margin:0 0 13px}
.site-email-panel>a{display:block;font-size:16px;color:var(--site-ink);text-decoration:underline;text-underline-offset:5px;margin-bottom:20px;overflow-wrap:anywhere}
.site-email-close{position:absolute;top:7px;inset-inline-end:8px;background:none;border:0;padding:2px 8px;font-size:23px;color:var(--site-ink);cursor:pointer}
.site-copy-email{background:var(--site-olive);color:#fff;border:0;cursor:pointer;font-size:12px;border-radius:3px;padding:11px 14px;min-height:42px}
.site-email-panel small{display:block;font-size:11px;color:var(--site-olive);margin-top:10px;min-height:15px}
.site-enter{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){.site-enter{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--site-enter-delay,0ms),transform .65s cubic-bezier(.2,.65,.3,1) var(--site-enter-delay,0ms)}.site-enter.site-entered{opacity:1;transform:none}}
@media(min-width:1600px){.site-refined main>.section-pad,.site-refined .site-company-preview{padding-inline:max(var(--site-gutter),calc((100vw - 1440px)/2))}.site-collection-grid{gap:24px}}
@media(max-width:1190px){.site-refined .site-header,.site-unified-header{gap:15px;grid-template-columns:138px 1fr auto}.site-primary-nav,.site-refined .main-nav{gap:14px}.site-primary-nav>a,.site-primary-nav summary,.site-refined .main-nav>a{font-size:11px}.site-refined .header-actions{gap:8px}.site-refined .inquiry-button{padding:9px;font-size:11px}.site-shell-inquiry{font-size:11px;padding:10px}.site-collection-grid{gap:13px}.site-contact-rail{inset-inline-end:12px}.site-contact-item{width:43px;height:43px}}
@media(max-width:1020px){.site-refined .site-header,.site-unified-header{grid-template-columns:1fr auto auto;min-height:76px;gap:16px}.site-refined .menu-toggle,.site-shell-menu{display:block;grid-column:3;grid-row:1;justify-self:end;position:static;width:34px;height:38px;padding:9px 5px;border:0;background:none;color:var(--site-ink)}.site-shell-menu span{display:block;width:23px;height:1px;background:currentColor;margin:6px 0}.site-refined .header-actions,.site-shell-actions{grid-column:2;grid-row:1;position:static!important;width:auto}.site-primary-nav,.site-refined .main-nav{position:absolute;top:100%;inset-inline:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px var(--site-gutter) 24px;background:var(--site-paper);border-bottom:1px solid var(--site-line);max-height:calc(100dvh - 100px);overflow-y:auto}.site-primary-nav.open,.site-refined .main-nav.open{display:flex}.site-primary-nav>a,.site-primary-nav summary,.site-refined .main-nav>a{font-size:14px;padding:13px 0;border-bottom:1px solid var(--site-line)}.site-nav-group summary{justify-content:space-between}.site-catalog-menu{position:static;width:100%;box-shadow:none;margin:10px 0;border:0;padding:13px 15px;background:#eef0e7}.site-nav-categories{grid-template-columns:1fr 1fr}.site-nav-categories a{font-size:13px!important}.site-section-heading{gap:35px}.site-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-collection-image{aspect-ratio:1/1.02;border-radius:75px 75px 3px 3px}.site-company-preview{gap:35px}.site-collection-caption h3{font-size:15px}.site-contact-rail{z-index:45}}
@media(max-width:700px){.site-refined{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.site-refined .site-header,.site-unified-header{min-height:70px;padding:10px 18px;gap:9px}.site-unified-header .oceleiya-logo,.site-shell-brand img,.site-refined .site-header .oceleiya-logo{width:123px;height:34px}.site-refined .header-actions,.site-shell-actions{gap:6px}.site-shell-inquiry,.site-refined .inquiry-button{font-size:10px;padding:8px 9px;min-height:37px;gap:5px}.site-refined .language-trigger{gap:4px;min-width:39px}.site-refined .language-trigger-flag{display:none}.site-refined .language-trigger #currentLanguageLabel{font-size:11px}.site-language-menu{font-size:11px}.site-language-menu summary{gap:3px}.site-primary-nav,.site-refined .main-nav{top:100%;padding:10px 20px 24px}.site-refined .hero-slide-tabs b{font-size:9px}.site-refined .hero-slide-tabs button{padding-inline:8px}.site-section-heading{display:block;margin-bottom:26px}.site-section-heading>div+div{margin-top:18px}.site-section-heading h2{font-size:32px;line-height:1.28}.site-section-heading>div>p:not(.eyebrow){font-size:13px;line-height:1.75;margin-bottom:13px}.site-collection-grid{gap:8px 13px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-collection-image{border-radius:62px 62px 3px 3px;aspect-ratio:1/1.06}.site-collection-caption{padding:13px 1px 15px}.site-collection-caption h3{font-size:13px}.site-collection-caption p{font-size:10px}.site-round-arrow{width:25px;height:25px;flex-basis:25px;font-size:12px}.site-collection-index{top:14px;inset-inline-start:14px}.site-company-preview{display:block;margin:0 20px 30px;padding:26px 22px;border-radius:4px}.site-company-preview h2{font-size:30px}.site-company-preview>div>p:not(.eyebrow){font-size:13px}.site-company-preview-links{margin-top:25px}.site-company-preview-links a{padding:17px 0;gap:12px}.site-company-preview-links strong{font-size:13px}.site-refined #start-inquiry{padding-top:24px;padding-bottom:40px}.site-refined .product-grid{gap:12px}.site-refined #about{gap:32px;padding:48px 20px}.site-refined .about-services h3{font-size:24px}.site-refined .about-facts{gap:14px}.site-refined #capabilities .cooperation-planning{padding:20px}.site-refined .cooperation-card{padding:22px 17px}.site-refined .cooperation-card h3{font-size:24px}.site-refined .cooperation-card p{font-size:13px}.site-refined .factory-gallery{gap:18px}.site-refined .seo-main{padding:24px 20px 50px}.site-refined .seo-intro{padding:12px 0 24px}.site-refined .seo-intro h1{font-size:34px}.site-refined .seo-grid{gap:13px}.site-refined .seo-card h2{font-size:17px}.site-refined .seo-product{gap:27px}.site-refined .seo-product-photo{position:static}.site-refined .seo-product-copy h1{font-size:32px}.site-refined .seo-actions{display:grid;grid-template-columns:1fr}.site-refined .seo-actions a{min-height:48px}.site-refined .service-page{padding:36px 20px 55px}.site-refined .service-page h1{font-size:34px}.site-refined .service-page #service-content>p{font-size:14px}.site-refined .service-page #service-content>ul{grid-template-columns:1fr}.site-refined .service-page #service-content>ul>li{font-size:14px;padding:18px 0}.site-footer-cap{gap:16px;padding-bottom:22px}.site-footer-cap>span{width:100%;font-size:13px}.site-footer-cap>a{font-size:12px}.site-contact-rail{inset-inline:12px;top:auto;bottom:calc(10px + env(safe-area-inset-bottom) + var(--site-consent-offset));transform:none;display:grid;grid-template-columns:1.05fr 1fr 43px;gap:5px;padding:5px;background:#f9f9f0f2;backdrop-filter:blur(12px);border:1px solid #e0e4d5;border-radius:8px;box-shadow:0 6px 30px #24291f24;transition:bottom .2s ease}.site-contact-item{width:auto;height:43px;display:flex;justify-content:center;gap:8px;border-radius:4px;box-shadow:none;border:0;background:none;font-size:12px}.site-contact-whatsapp{background:var(--site-olive)}.site-contact-item svg{width:20px;height:20px;flex:0 0 20px}.site-contact-text{display:block;white-space:nowrap}.site-contact-tooltip{display:none}.site-back-top{border-inline-start:1px solid var(--site-line);border-radius:0}.site-email-panel{inset-inline-end:0;inset-inline-start:0;width:auto;top:auto;bottom:65px;padding:25px}.site-refined.drawer-open{padding-bottom:0}.site-refined.drawer-open .site-contact-rail{display:none}.site-shell-inquiry span{display:none}}
@media(prefers-reduced-motion:reduce){.site-refined *,.site-refined *:before,.site-refined *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.site-enter{opacity:1!important;transform:none!important}}
@media(max-width:480px){.site-refined .site-header,.site-unified-header{grid-template-columns:minmax(82px,1fr) auto 28px;padding-inline:15px;gap:8px}.site-unified-header .oceleiya-logo,.site-shell-brand img,.site-refined .site-header .oceleiya-logo{width:105px;max-width:100%;height:31px}.site-refined .menu-toggle,.site-shell-menu{width:28px;padding-inline:2px}.site-shell-inquiry{max-width:108px;white-space:normal;font-size:10px;line-height:1.3;text-align:center;min-height:36px;padding:7px 9px}.site-refined .inquiry-button{max-width:112px;font-size:9px;padding:7px 8px;gap:4px}.site-refined .inquiry-button>span{font-size:9px;line-height:1.3;white-space:normal;max-width:72px}.site-refined .inquiry-button b{height:18px;width:18px;font-size:9px;flex:0 0 18px}.site-refined .language-trigger{min-width:28px;gap:3px}.site-refined .language-trigger #currentLanguageLabel{font-size:10px}.site-refined .language-trigger i{width:5px;height:5px}.site-shell-actions,.site-refined .header-actions{gap:5px}}
@media(max-width:700px){.site-unified-header .site-wordmark{font-size:24px}}
@media(max-width:480px){.site-unified-header .site-wordmark{font-size:22px}}

/* A quiet double heartbeat draws attention to direct contact without changing
   layout or animating the return-to-top control. The halo never receives input. */
.site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle){
  --site-heartbeat-delay:0s;
  isolation:isolate;
  transform-origin:center;
  animation:site-contact-heartbeat 2.8s ease-in-out var(--site-heartbeat-delay) infinite;
}
.site-contact-rail #siteEmailToggle{--site-heartbeat-delay:.42s}
.site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle)::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border:1.5px solid #84986d;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  animation:site-contact-halo 2.8s ease-out var(--site-heartbeat-delay) infinite;
}
.site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle):is(:hover,:focus,[aria-expanded="true"]),
.site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle):is(:hover,:focus,[aria-expanded="true"])::after{
  animation-play-state:paused;
}
.site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle):is(:hover,:focus,[aria-expanded="true"]){transform:none}
@keyframes site-contact-heartbeat{
  0%,14%,31%,100%{scale:1}
  7%{scale:1.065}
  23%{scale:1.04}
}
@keyframes site-contact-halo{
  0%{transform:scale(.97);opacity:0}
  6%{transform:scale(1.03);opacity:.3}
  17%{transform:scale(1.45);opacity:0}
  18%{transform:scale(.98);opacity:0}
  23%{transform:scale(1.02);opacity:.22}
  38%,100%{transform:scale(1.4);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle),
  .site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle)::after{animation:none!important;scale:1!important;transform:none!important}
  .site-contact-rail :is(.site-contact-whatsapp,#siteEmailToggle)::after{opacity:0!important}
}

/* Six buyer-oriented navigation groups. Switch to the same accessible menu
   before long labels compete with the wordmark and enquiry actions. */
.site-refined .site-unified-header .site-primary-nav{gap:clamp(14px,1.2vw,22px)}
.site-refined .site-unified-header .site-primary-nav>.site-nav-group,
.site-refined .site-unified-header .site-primary-nav>a{flex:0 0 auto}
.site-refined .site-unified-header .site-primary-nav .site-services-menu{
  width:360px;
  max-width:calc(100vw - 40px);
  padding:10px 20px;
}
.site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link{
  display:block;
  padding:15px 3px;
  border-bottom:1px solid var(--site-line);
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:start;
}
.site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link:last-child{border-bottom:0}
.site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link strong{
  display:block;
  margin:0 0 5px;
  color:var(--site-ink);
  font-size:13px;
  line-height:1.45;
  font-weight:600;
}
.site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link small{
  display:block;
  max-width:100%;
  color:var(--site-muted);
  font-size:12px;
  line-height:1.65;
  font-weight:400;
}
.site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link:hover strong,
.site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link:focus-visible strong{color:var(--site-olive)}
@media(min-width:1360px){
  .site-refined .site-unified-header{grid-template-columns:minmax(145px,175px) minmax(0,1fr) auto;gap:24px}
  .site-refined .site-unified-header .site-primary-nav{justify-content:center;flex-wrap:nowrap}
  .site-refined .site-unified-header .site-primary-nav>a,
  .site-refined .site-unified-header .site-primary-nav>details>summary{font-size:14px;letter-spacing:.005em}
}
@media(min-width:701px) and (max-width:1359px){
  .site-refined .site-unified-header{grid-template-columns:1fr auto 34px;min-height:76px;gap:20px}
  .site-refined .site-unified-header .header-actions,
  .site-refined .site-unified-header .site-shell-actions{grid-column:2;grid-row:1;position:static!important;justify-self:end;width:auto}
  .site-refined .site-unified-header .menu-toggle,
  .site-refined .site-unified-header .site-shell-menu{grid-column:3;grid-row:1;position:static;justify-self:end;width:34px;height:38px;padding:9px 5px;border:0;background:none}
}
@media(max-width:1359px){
  .site-refined .site-unified-header .menu-toggle,
  .site-refined .site-unified-header .site-shell-menu{display:block}
  .site-refined .site-unified-header .site-shell-menu span{display:block;width:23px;height:1px;background:currentColor;margin:6px 0}
  .site-refined .site-unified-header .site-primary-nav{
    position:absolute;
    top:100%;
    inset-inline:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:14px var(--site-gutter) 24px;
    max-height:calc(100dvh - 105px);
    overflow-y:auto;
    overscroll-behavior:contain;
    background:var(--site-paper);
    border-bottom:1px solid var(--site-line);
  }
  .site-refined .site-unified-header .site-primary-nav.open{display:flex}
  .site-refined .site-unified-header .site-primary-nav>a,
  .site-refined .site-unified-header .site-primary-nav>details>summary{min-height:48px;padding:13px 0;font-size:14px;line-height:1.5;border-bottom:1px solid var(--site-line);white-space:normal}
  .site-refined .site-unified-header .site-primary-nav>details>summary{justify-content:space-between;gap:16px}
  .site-refined .site-unified-header .site-primary-nav .site-catalog-menu{position:static;width:100%;max-width:100%;margin:10px 0;padding:13px 15px;box-shadow:none;border:0;background:#eef0e7}
  .site-refined .site-unified-header .site-primary-nav .site-services-menu{padding:3px 15px}
  .site-refined .site-unified-header .site-primary-nav .site-services-menu .site-service-link{padding:15px 0}
}

/* Procurement reading cards use the actual product images, not factory imagery. */
.site-refined #siteBuyerGuides.site-buyer-guides{background:var(--site-paper);border-top:1px solid var(--site-line)}
.site-refined #siteBuyerGuides .site-section-heading{gap:clamp(24px,5vw,70px);margin-bottom:30px}
.site-refined #siteBuyerGuides .site-section-heading>*{min-width:0}
.site-refined #siteBuyerGuides .site-section-heading .site-fallback-label{font-size:12px;line-height:1.6;letter-spacing:0;color:var(--site-muted);max-width:100%;overflow-wrap:anywhere}
.site-refined #siteBuyerGuides .site-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.site-refined #siteBuyerGuides .site-guide-card{min-width:0;margin:0;background:var(--site-white);border:1px solid var(--site-line);border-radius:4px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-refined #siteBuyerGuides .site-guide-card>a{display:flex;flex-direction:column;height:100%;min-width:0;color:var(--site-ink);text-decoration:none}
.site-refined #siteBuyerGuides .site-guide-image{display:grid;place-items:center;aspect-ratio:16/10;min-width:0;overflow:hidden;background:#eeefe7;border-bottom:1px solid var(--site-line)}
.site-refined #siteBuyerGuides .site-guide-card:nth-child(2) .site-guide-image{background:#e8ecdf}
.site-refined #siteBuyerGuides .site-guide-card:nth-child(3) .site-guide-image{background:#f1eae0}
.site-refined #siteBuyerGuides .site-guide-image img{display:block;width:100%;height:100%;max-width:100%;min-height:0;object-fit:contain;object-position:center;padding:22px 34px;mix-blend-mode:multiply;transition:transform .55s ease}
.site-refined #siteBuyerGuides .site-guide-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:26px;overflow-wrap:anywhere}
.site-refined #siteBuyerGuides .site-guide-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.11em;margin:0 0 12px}
.site-refined #siteBuyerGuides .site-guide-copy h3{margin:0 0 14px;font-family:var(--site-serif);font-size:clamp(22px,1.9vw,28px);line-height:1.35;font-weight:400;letter-spacing:-.015em;color:var(--site-ink)}
.site-refined #siteBuyerGuides .site-guide-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--site-muted);margin:0 0 23px}
.site-refined #siteBuyerGuides .site-guide-copy>.site-inline-link{align-self:flex-start;max-width:100%;margin-top:auto;gap:15px;font-size:13px;line-height:1.5;white-space:normal}
.site-refined #siteBuyerGuides .site-guide-card:focus-within{border-color:var(--site-olive)}
.site-refined #siteBuyerGuides .site-guide-card>a:focus-visible{outline-offset:-5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .site-refined #siteBuyerGuides .site-guide-card:hover{transform:translateY(-4px);border-color:#a7b19a;box-shadow:0 12px 26px #2832240d}
  .site-refined #siteBuyerGuides .site-guide-card:hover .site-guide-image img{transform:scale(1.025)}
}
@media(min-width:601px) and (max-width:1000px){
  .site-refined #siteBuyerGuides .site-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .site-refined #siteBuyerGuides .site-guide-copy{padding:23px}
}
@media(max-width:600px){
  .site-refined #siteBuyerGuides .site-section-heading{margin-bottom:25px}
  .site-refined #siteBuyerGuides .site-guide-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .site-refined #siteBuyerGuides .site-guide-image{aspect-ratio:16/9}
  .site-refined #siteBuyerGuides .site-guide-image img{padding:19px 28px}
  .site-refined #siteBuyerGuides .site-guide-copy{padding:23px}
  .site-refined #siteBuyerGuides .site-guide-copy h3{font-size:25px}
  .site-refined #siteBuyerGuides .site-guide-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;margin-bottom:20px}
  .site-refined #siteBuyerGuides .site-guide-copy>.site-inline-link{font-size:12px;line-height:1.6}
}
@media(max-width:700px){
  .site-refined .site-unified-header .site-primary-nav{max-height:calc(100dvh - 190px - var(--site-consent-offset))}
}
@media(prefers-reduced-motion:reduce){
  .site-refined #siteBuyerGuides .site-guide-card,
  .site-refined #siteBuyerGuides .site-guide-image img{transform:none!important;transition:none!important;animation:none!important}
}
