/* =========================================================
   ÜÇLER GLOBAL V12
   Clean isolated design system
   ========================================================= */

:root{
    --u12-green:#153c30;
    --u12-green-deep:#0d2f25;
    --u12-green-soft:#245844;
    --u12-ivory:#f7f3e9;
    --u12-paper:#fbfaf7;
    --u12-ink:#19231e;
    --u12-muted:#69736d;

    /* Noble antique gold — deliberately not bright yellow */
    --u12-gold:#b08a4a;
    --u12-gold-light:#d8c08a;
    --u12-gold-dark:#725426;

    --u12-line:rgba(21,60,48,.12);
    --u12-shadow:0 24px 70px rgba(15,43,34,.12);
    --u12-shell:1280px;
}

*{box-sizing:border-box}

.u12-shell{
    width:min(var(--u12-shell),calc(100% - 48px));
    margin:0 auto;
}

/* ---------------- HEADER ---------------- */

.u12-site-header{
    position:sticky;
    top:0;
    z-index:100000;
    width:100%;
    font-family:"Manrope",Arial,sans-serif;
    isolation:isolate;
}

.u12-topbar{
    min-height:38px;
    background:var(--u12-green-deep);
    color:#fff;
}

.u12-topbar-inner{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.u12-top-left,
.u12-top-right{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}

.u12-top-link,
.u12-phone{
    color:rgba(255,255,255,.83)!important;
    font-size:11px;
    line-height:1;
    font-weight:600;
    letter-spacing:.035em;
    text-decoration:none!important;
    transition:color .2s ease;
}

.u12-top-link:hover,
.u12-phone:hover{
    color:var(--u12-gold-light)!important;
}

.u12-top-strong{
    color:#fff!important;
    font-weight:750;
}

.u12-top-separator{
    width:1px;
    height:13px;
    background:rgba(255,255,255,.22);
}

.u12-socials{
    display:flex;
    align-items:center;
    gap:11px;
}

.u12-socials a{
    display:flex;
    width:18px;
    height:18px;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,.78);
}

.u12-socials svg{
    width:14px;
    height:14px;
    fill:currentColor;
    stroke:currentColor;
    stroke-width:1.5;
}

.u12-socials .u12-svg-cut{
    fill:var(--u12-green-deep);
    stroke:none;
}

.u12-store-link{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:0 13px 0 16px;
    margin-left:2px;
    background:rgba(176,138,74,.14);
    border-left:1px solid rgba(216,192,138,.26);
    border-right:1px solid rgba(216,192,138,.26);
    color:#fff!important;
    text-decoration:none!important;
}

.u12-store-link span,
.u12-store-link strong{
    font-size:10px;
    line-height:1;
}

.u12-store-link span:first-child{
    color:var(--u12-gold-light);
    letter-spacing:.08em;
    text-transform:uppercase;
}

.u12-store-link strong{
    font-weight:700;
}

.u12-mainbar{
    position:relative;
    background:rgba(255,255,255,.985);
    border-bottom:1px solid rgba(15,43,34,.07);
}

.u12-mainbar-inner{
    min-height:84px;
    display:grid;
    grid-template-columns:160px 1fr auto;
    align-items:center;
    gap:28px;
}

.u12-logo{
    display:inline-flex;
    align-items:center;
    width:132px;
}

.u12-logo img{
    display:block;
    width:100%;
    height:auto;
    max-height:66px;
    object-fit:contain;
}

.u12-navigation{
    justify-self:center;
}

.u12-menu{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.u12-menu>li{
    position:relative!important;
    list-style:none!important;
}

.u12-menu-row{
    display:flex;
    align-items:center;
}

.u12-menu>li>a,
.u12-menu-row>a{
    display:flex!important;
    align-items:center;
    min-height:84px;
    padding:0 12px!important;
    color:#202823!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.15!important;
    white-space:nowrap;
    text-decoration:none!important;
    transition:color .2s ease;
}

.u12-menu>li>a:hover,
.u12-menu-row>a:hover{
    color:var(--u12-green-soft)!important;
}

.u12-sub-toggle{
    display:none;
}

.u12-dropdown{
    position:absolute;
    top:calc(100% - 4px);
    left:0;
    z-index:200;
    min-width:260px;
    padding:12px;
    border:1px solid var(--u12-line);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--u12-shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.u12-has-sub:hover>.u12-dropdown,
.u12-has-sub:focus-within>.u12-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.u12-dropdown-compact{
    display:grid;
    gap:3px;
}

.u12-dropdown-compact>a,
.u12-category-links>a{
    display:block;
    padding:10px 12px;
    border-radius:8px;
    color:#2b342f!important;
    font-size:13px;
    font-weight:550;
    text-decoration:none!important;
}

.u12-dropdown-compact>a:hover,
.u12-category-links>a:hover{
    background:#f5f3ed;
    color:var(--u12-green)!important;
}

.u12-dropdown-products{
    left:50%;
    width:min(720px,72vw);
    transform:translate(-35%,8px);
    padding:22px;
}

.u12-has-sub:hover>.u12-dropdown-products,
.u12-has-sub:focus-within>.u12-dropdown-products{
    transform:translate(-35%,0);
}

.u12-dropdown-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:2px 8px 14px;
    border-bottom:1px solid var(--u12-line);
}

.u12-dropdown-head span{
    color:var(--u12-green);
    font-size:11px;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.u12-dropdown-head a{
    color:var(--u12-gold-dark)!important;
    font-size:12px;
    font-weight:700;
    text-decoration:none!important;
}

.u12-category-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:3px 10px;
    padding-top:12px;
}

.u12-language{
    position:relative;
}

.u12-language summary{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:0 12px;
    border:1px solid var(--u12-line);
    border-radius:999px;
    background:#fff;
    color:#26312b;
    cursor:pointer;
    list-style:none;
    font-size:11px;
}

.u12-language summary::-webkit-details-marker{display:none}

.u12-language-globe{
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    border:1px solid #89918c;
    border-radius:50%;
    font-size:9px;
}

.u12-language-chevron{
    margin-left:2px;
    color:#8b938e;
}

.u12-language-panel{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    z-index:300;
    width:250px;
    max-height:64vh;
    overflow:auto;
    padding:8px;
    border:1px solid var(--u12-line);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--u12-shadow);
}

html[dir="rtl"] .u12-language-panel{
    right:auto;
    left:0;
}

.u12-language-panel a{
    display:grid;
    grid-template-columns:38px 1fr;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border-radius:9px;
    color:#303a34!important;
    text-decoration:none!important;
}

.u12-language-panel a:hover,
.u12-language-panel a.is-current{
    background:#f3f1eb;
}

.u12-language-panel a span{
    color:var(--u12-gold-dark);
    font-size:10px;
    font-weight:800;
}

.u12-language-panel a strong{
    font-size:13px;
    font-weight:600;
}

.u12-menu-toggle{display:none}


/* ---------------- HERO ---------------- */

.u12-hero{
    position:relative;
    height:clamp(700px,calc(100vh - 122px),840px);
    overflow:hidden;
    background:var(--u12-green-deep);
    font-family:"Manrope",Arial,sans-serif;
}

.u12-hero-stage{
    position:relative;
    width:100%;
    height:100%;
}

.u12-hero-slide{
    position:absolute;
    inset:0;
    z-index:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .8s ease,visibility .8s ease;
}

.u12-hero-slide.is-active{
    z-index:2;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.u12-hero-media,
.u12-hero-media img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
}

.u12-hero-media img{
    object-fit:cover;
    object-position:center center;
    transform:scale(1.01);
    transition:transform 7s cubic-bezier(.2,.65,.3,1);
}

.u12-hero-slide.is-active .u12-hero-media img{
    transform:scale(1.04);
}

.u12-hero-shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(8,30,22,.78) 0%,rgba(8,30,22,.57) 28%,rgba(8,30,22,.24) 49%,rgba(8,30,22,.04) 72%),
        linear-gradient(0deg,rgba(0,0,0,.18),transparent 42%);
}

html[dir="rtl"] .u12-hero-shade{
    background:
        linear-gradient(270deg,rgba(8,30,22,.78) 0%,rgba(8,30,22,.57) 28%,rgba(8,30,22,.24) 49%,rgba(8,30,22,.04) 72%),
        linear-gradient(0deg,rgba(0,0,0,.18),transparent 42%);
}

.u12-hero-shell{
    position:relative;
    z-index:3;
    height:100%;
    display:flex;
    align-items:center;
}

.u12-hero-copy{
    width:min(680px,82%);
    padding-bottom:8px;
}

.u12-eyebrow{
    margin-bottom:13px;
    color:var(--u12-green-soft);
    font-size:11px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.u12-eyebrow-light{
    color:rgba(255,255,255,.88);
}

.u12-eyebrow-gold{
    color:var(--u12-gold-light);
}

.u12-hero-copy h1{
    max-width:700px;
    margin:0 0 28px;
    color:#fff;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(48px,4.3vw,72px)!important;
    line-height:1.01!important;
    font-weight:650!important;
    letter-spacing:-.048em!important;
    text-transform:none!important;
    text-shadow:0 4px 26px rgba(0,0,0,.25);
}

.u12-hero-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    min-height:50px;
    padding:0 20px 0 22px;
    border:1px solid rgba(216,192,138,.78);
    border-radius:4px;
    background:rgba(247,243,233,.96);
    color:var(--u12-green-deep)!important;
    font-size:13px;
    font-weight:750;
    text-decoration:none!important;
    box-shadow:0 10px 28px rgba(0,0,0,.13);
    transition:background .22s ease,color .22s ease,transform .22s ease;
}

.u12-hero-cta span:last-child{
    color:var(--u12-gold-dark);
    font-size:17px;
}

.u12-hero-cta:hover{
    background:var(--u12-green);
    color:#fff!important;
    transform:translateY(-2px);
}

.u12-hero-cta:hover span:last-child{
    color:var(--u12-gold-light);
}

.u12-hero-arrow{
    position:absolute;
    top:50%;
    z-index:20;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    margin-top:-23px;
    padding:0;
    border:1px solid rgba(255,255,255,.42);
    border-radius:50%;
    background:rgba(10,40,29,.28);
    color:#fff;
    font-size:15px;
    cursor:pointer;
    backdrop-filter:blur(6px);
    transition:background .2s ease,border-color .2s ease;
}

.u12-hero-arrow:hover{
    background:var(--u12-green);
    border-color:rgba(216,192,138,.8);
}

.u12-hero-prev{left:24px}
.u12-hero-next{right:24px}

.u12-hero-dots{
    position:absolute;
    z-index:20;
    left:max(30px,calc((100% - var(--u12-shell))/2));
    bottom:27px;
    display:flex;
    align-items:center;
    gap:8px;
}

html[dir="rtl"] .u12-hero-dots{
    left:auto;
    right:max(30px,calc((100% - var(--u12-shell))/2));
}

.u12-hero-dots button{
    width:34px;
    height:3px;
    padding:0;
    border:0;
    border-radius:20px;
    background:rgba(255,255,255,.46);
    cursor:pointer;
    transition:width .25s ease,background .25s ease;
}

.u12-hero-dots button.is-active{
    width:58px;
    background:var(--u12-gold-light);
}

.u12-floating-store{
    position:absolute;
    z-index:30;
    right:0;
    top:54%;
    display:grid;
    grid-template-columns:42px 1fr auto;
    align-items:center;
    gap:11px;
    min-width:230px;
    min-height:76px;
    padding:12px 17px 12px 13px;
    border-left:1px solid rgba(216,192,138,.42);
    border-top:1px solid rgba(216,192,138,.24);
    border-bottom:1px solid rgba(216,192,138,.24);
    border-radius:18px 0 0 18px;
    background:rgba(13,47,37,.94);
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
    backdrop-filter:blur(9px);
}

html[dir="rtl"] .u12-floating-store{
    right:auto;
    left:0;
    border-left:0;
    border-right:1px solid rgba(216,192,138,.42);
    border-radius:0 18px 18px 0;
}

.u12-floating-store-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid rgba(216,192,138,.45);
    border-radius:50%;
    color:var(--u12-gold-light);
}

.u12-floating-store-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
}

.u12-floating-store small{
    display:block;
    margin-bottom:4px;
    color:var(--u12-gold-light);
    font-size:9px;
    font-weight:800;
    letter-spacing:.13em;
}

.u12-floating-store strong{
    display:block;
    font-size:13px;
    font-weight:700;
}

.u12-floating-store b{
    color:var(--u12-gold-light);
    font-weight:400;
}


/* ---------------- FACTS ---------------- */

.u12-proof{
    padding:58px 0;
    background:var(--u12-paper);
    border-bottom:1px solid var(--u12-line);
}

.u12-proof>.u12-shell{
    display:grid;
    grid-template-columns:minmax(250px,.9fr) 2fr;
    gap:42px;
    align-items:center;
}

.u12-proof-intro h2,
.u12-section-heading h2,
.u12-story-copy h2,
.u12-b2b h2,
.u12-inner-hero h1,
.u12-about-copy h2,
.u12-generic-content h2{
    margin:0;
    color:var(--u12-ink);
    font-family:"Manrope",Arial,sans-serif!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

.u12-proof-intro h2{
    max-width:340px;
    font-size:31px!important;
    line-height:1.13!important;
}

.u12-proof-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-left:1px solid var(--u12-line);
}

html[dir="rtl"] .u12-proof-grid{
    border-left:0;
    border-right:1px solid var(--u12-line);
}

.u12-proof-card{
    min-height:135px;
    padding:10px 30px;
}

.u12-proof-card+.u12-proof-card{
    border-left:1px solid var(--u12-line);
}

html[dir="rtl"] .u12-proof-card+.u12-proof-card{
    border-left:0;
    border-right:1px solid var(--u12-line);
}

.u12-proof-number{
    display:inline-block;
    font-family:"Manrope",Arial,sans-serif;
    font-size:58px;
    line-height:.93;
    font-weight:650;
    letter-spacing:-.055em;
    background:linear-gradient(180deg,var(--u12-gold-light) 0%,var(--u12-gold) 48%,var(--u12-gold-dark) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:var(--u12-gold);
}

.u12-proof-unit{
    margin-top:8px;
    color:var(--u12-gold-dark);
    font-size:9px;
    font-weight:800;
    letter-spacing:.10em;
}

.u12-proof-card p{
    max-width:210px;
    margin:9px 0 0;
    color:#37423c;
    font-size:13px;
    line-height:1.45;
    font-weight:600;
}


/* ---------------- SECTIONS ---------------- */

.u12-section{
    padding:92px 0;
    background:#fff;
}

.u12-section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:50px;
    margin-bottom:42px;
}

.u12-section-heading>div{
    max-width:720px;
}

.u12-section-heading h2{
    font-size:clamp(36px,3.4vw,54px)!important;
    line-height:1.05!important;
}

.u12-section-heading p{
    max-width:650px;
    margin:16px 0 0;
    color:var(--u12-muted);
    font-size:16px;
    line-height:1.65;
}

.u12-section-heading-narrow>div{
    max-width:760px;
}

.u12-text-link{
    flex:0 0 auto;
    color:var(--u12-green)!important;
    font-size:13px;
    font-weight:750;
    text-decoration:none!important;
}

.u12-text-link:hover{color:var(--u12-gold-dark)!important}


/* Product category cards */
.u12-products-section{
    background:#fff;
}

.u12-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.u12-category-card{
    overflow:hidden;
    border:1px solid var(--u12-line);
    border-radius:16px;
    background:var(--u12-paper);
    color:var(--u12-ink)!important;
    text-decoration:none!important;
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.u12-category-card:hover{
    transform:translateY(-4px);
    border-color:rgba(176,138,74,.32);
    box-shadow:0 18px 42px rgba(15,43,34,.10);
}

.u12-category-media{
    position:relative;
    aspect-ratio:1.35/1;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:linear-gradient(145deg,#f0eee7,#faf9f6);
}

.u12-category-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.u12-category-card:hover .u12-category-media img{
    transform:scale(1.035);
}

.u12-category-initial{
    color:rgba(21,60,48,.13);
    font-family:Georgia,serif;
    font-size:92px;
    line-height:1;
}

.u12-category-name{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:17px 18px;
}

.u12-category-name strong{
    font-size:14px;
    font-weight:700;
}

.u12-category-name span{
    color:var(--u12-gold-dark);
}


/* Story / production */
.u12-story{
    padding:100px 0;
    background:var(--u12-green-deep);
    color:#fff;
}

.u12-story-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:72px;
    align-items:center;
}

.u12-story-media{
    min-height:520px;
    overflow:hidden;
    border-radius:20px;
    background:#244d3f;
}

.u12-story-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
}

.u12-story-media-empty{
    display:grid;
    place-items:center;
    border:1px solid rgba(216,192,138,.18);
    background:
        linear-gradient(135deg,rgba(176,138,74,.08),transparent 55%),
        #143b2f;
}

.u12-story-year{
    color:var(--u12-gold-light);
    font-family:Georgia,serif;
    font-size:130px;
    line-height:1;
    opacity:.7;
}

.u12-story-copy .u12-eyebrow{
    color:var(--u12-gold-light);
}

.u12-story-copy h2{
    color:#fff;
    font-size:clamp(38px,3.5vw,58px)!important;
    line-height:1.04!important;
}

.u12-story-copy p{
    margin:22px 0 0;
    color:rgba(255,255,255,.76);
    font-size:17px;
    line-height:1.75;
}

.u12-story-actions{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:30px;
}

.u12-solid-button{
    display:inline-flex;
    align-items:center;
    min-height:50px;
    padding:0 20px;
    border:1px solid var(--u12-gold);
    border-radius:5px;
    background:var(--u12-gold);
    color:#10271f!important;
    font-size:13px;
    font-weight:800;
    text-decoration:none!important;
}

.u12-story .u12-text-link{
    color:var(--u12-gold-light)!important;
}


/* Quality */
.u12-quality{
    background:var(--u12-paper);
}

.u12-quality-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--u12-line);
    border-bottom:1px solid var(--u12-line);
}

.u12-quality-card{
    min-height:280px;
    padding:30px 26px;
}

.u12-quality-card+.u12-quality-card{
    border-left:1px solid var(--u12-line);
}

html[dir="rtl"] .u12-quality-card+.u12-quality-card{
    border-left:0;
    border-right:1px solid var(--u12-line);
}

.u12-quality-index{
    display:block;
    margin-bottom:58px;
    color:var(--u12-gold);
    font-size:11px;
    font-weight:800;
    letter-spacing:.10em;
}

.u12-quality-card h3{
    margin:0 0 15px;
    color:var(--u12-ink);
    font-size:20px;
    font-weight:700;
}

.u12-quality-card p{
    margin:0;
    color:var(--u12-muted);
    font-size:14px;
    line-height:1.68;
}


/* Recipes */
.u12-recipes{background:#fff}

.u12-recipe-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.u12-recipe-card{
    color:var(--u12-ink)!important;
    text-decoration:none!important;
}

.u12-recipe-media{
    position:relative;
    aspect-ratio:1/1;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:14px;
    background:#f3f0e8;
}

.u12-recipe-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.u12-recipe-card:hover .u12-recipe-media img{
    transform:scale(1.04);
}

.u12-recipe-media.is-empty span{
    color:rgba(21,60,48,.18);
    font-family:Georgia,serif;
    font-size:32px;
    letter-spacing:.10em;
}

.u12-recipe-copy{
    position:relative;
    padding:17px 32px 0 2px;
}

.u12-recipe-copy small{
    display:block;
    margin-bottom:6px;
    color:var(--u12-gold-dark);
    font-size:10px;
    font-weight:750;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.u12-recipe-copy h3{
    margin:0;
    font-size:18px;
    line-height:1.3;
    font-weight:700;
}

.u12-recipe-copy>span{
    position:absolute;
    right:2px;
    top:19px;
    color:var(--u12-green);
}


/* B2B */
.u12-b2b{
    padding:78px 0;
    background:var(--u12-green);
    color:#fff;
}

.u12-b2b-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.u12-b2b-inner>div{
    max-width:770px;
}

.u12-b2b h2{
    color:#fff;
    font-size:clamp(38px,3.5vw,58px)!important;
    line-height:1.04!important;
}

.u12-b2b p{
    margin:17px 0 0;
    color:rgba(255,255,255,.73);
    font-size:16px;
    line-height:1.7;
}

.u12-b2b-button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:52px;
    padding:0 22px;
    border:1px solid rgba(216,192,138,.68);
    border-radius:5px;
    color:var(--u12-gold-light)!important;
    font-size:13px;
    font-weight:750;
    text-decoration:none!important;
}

.u12-b2b-button:hover{
    background:var(--u12-gold);
    color:var(--u12-green-deep)!important;
}


/* ---------------- INNER / ABOUT ---------------- */

.u12-inner-hero{
    padding:110px 0 92px;
    background:var(--u12-paper);
    border-bottom:1px solid var(--u12-line);
}

.u12-inner-hero h1{
    max-width:960px;
    font-size:clamp(50px,5.4vw,82px)!important;
    line-height:.98!important;
}

.u12-inner-hero p{
    max-width:790px;
    margin:26px 0 0;
    color:var(--u12-muted);
    font-size:19px;
    line-height:1.7;
}

.u12-about-story{
    padding:100px 0;
    background:#fff;
}

.u12-about-story-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:80px;
    align-items:center;
}

.u12-about-year{
    min-height:330px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:48px;
    border-radius:18px;
    background:var(--u12-green-deep);
}

.u12-about-year span{
    color:var(--u12-gold-light);
    font-family:Georgia,serif;
    font-size:100px;
    line-height:1;
}

.u12-about-year small{
    margin-top:12px;
    color:rgba(255,255,255,.65);
    font-size:13px;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.u12-about-copy h2{
    font-size:clamp(38px,3.6vw,58px)!important;
    line-height:1.05!important;
}

.u12-about-copy p{
    margin:22px 0 0;
    color:var(--u12-muted);
    font-size:17px;
    line-height:1.75;
}

.u12-about-pillars{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid var(--u12-line);
    border-bottom:1px solid var(--u12-line);
}

.u12-about-pillars article{
    min-height:330px;
    padding:32px;
}

.u12-about-pillars article+article{
    border-left:1px solid var(--u12-line);
}

html[dir="rtl"] .u12-about-pillars article+article{
    border-left:0;
    border-right:1px solid var(--u12-line);
}

.u12-about-pillars article>span{
    color:var(--u12-gold);
    font-size:11px;
    font-weight:800;
}

.u12-about-pillars h3{
    margin:70px 0 16px;
    color:var(--u12-ink);
    font-size:24px;
    font-weight:700;
}

.u12-about-pillars p{
    color:var(--u12-muted);
    font-size:14px;
    line-height:1.7;
}

.u12-about-pillars a{
    color:var(--u12-gold-dark)!important;
    text-decoration:none!important;
}

.u12-generic-content{
    padding:90px 0 110px;
    background:#fff;
}

.u12-generic-content-inner{
    display:grid;
    grid-template-columns:1fr 4fr;
    gap:50px;
}

.u12-generic-rule{
    width:100%;
    height:1px;
    margin-top:20px;
    background:linear-gradient(90deg,var(--u12-gold),transparent);
}

.u12-generic-content h2{
    font-size:38px!important;
}

.u12-generic-content p{
    max-width:800px;
    margin:20px 0 30px;
    color:var(--u12-muted);
    font-size:18px;
    line-height:1.8;
}


/* ---------------- FOOTER ---------------- */

.u12-footer{
    padding:76px 0 24px;
    background:#0b2a21;
    color:#fff;
    font-family:"Manrope",Arial,sans-serif;
}

.u12-footer-grid{
    display:grid;
    grid-template-columns:1.6fr .8fr .9fr 1fr;
    gap:60px;
}

.u12-footer-brand img{
    display:block;
    max-width:130px;
    max-height:76px;
    object-fit:contain;
    margin-bottom:22px;
}

.u12-footer-brand p{
    max-width:390px;
    margin:0 0 18px;
    color:rgba(255,255,255,.62);
    font-size:13px;
    line-height:1.75;
}

.u12-footer-brand>span{
    color:var(--u12-gold-light);
    font-size:10px;
    font-weight:700;
    letter-spacing:.10em;
}

.u12-footer h3{
    margin:5px 0 20px;
    color:var(--u12-gold-light);
    font-size:11px;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.u12-footer-grid>div:not(.u12-footer-brand) a{
    display:block;
    margin-bottom:11px;
    color:rgba(255,255,255,.76)!important;
    font-size:13px;
    text-decoration:none!important;
}

.u12-footer-grid a:hover{color:#fff!important}

.u12-footer-store{
    margin-top:24px!important;
    color:var(--u12-gold-light)!important;
    font-weight:700;
}

.u12-footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:30px;
    margin-top:56px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.42);
    font-size:10px;
}


/* ---------------- RESPONSIVE ---------------- */

@media(max-width:1199px){

    .u12-mainbar-inner{
        grid-template-columns:140px 1fr auto;
        gap:18px;
    }

    .u12-menu>li>a,
    .u12-menu-row>a{
        padding:0 8px!important;
        font-size:12px!important;
    }

    .u12-category-grid,
    .u12-recipe-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .u12-quality-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .u12-quality-card:nth-child(3){
        border-left:0;
        border-top:1px solid var(--u12-line);
    }

    .u12-quality-card:nth-child(4){
        border-top:1px solid var(--u12-line);
    }
}

@media(max-width:991px){

    .u12-shell{
        width:min(100% - 32px,var(--u12-shell));
    }

    .u12-top-left .u12-top-link:not(.u12-top-strong),
    .u12-top-separator,
    .u12-socials{
        display:none;
    }

    .u12-store-link span:first-child{display:none}

    .u12-mainbar-inner{
        min-height:74px;
        grid-template-columns:1fr auto auto;
    }

    .u12-logo{
        width:118px;
    }

    .u12-menu-toggle{
        display:flex;
        align-items:center;
        gap:4px;
        width:42px;
        height:42px;
        padding:9px;
        border:1px solid var(--u12-line);
        border-radius:50%;
        background:#fff;
        flex-direction:column;
        justify-content:center;
    }

    .u12-menu-toggle span{
        width:17px;
        height:1px;
        background:var(--u12-green);
    }

    .u12-menu-toggle em{display:none}

    .u12-navigation{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        z-index:150;
        display:none;
        padding:14px 16px 22px;
        border-top:1px solid var(--u12-line);
        background:#fff;
        box-shadow:0 24px 55px rgba(15,43,34,.13);
    }

    .u12-navigation.is-open{display:block}

    .u12-menu{
        display:block!important;
    }

    .u12-menu>li{
        border-bottom:1px solid var(--u12-line);
    }

    .u12-menu>li>a,
    .u12-menu-row>a{
        min-height:50px;
        flex:1;
        padding:0!important;
        font-size:14px!important;
    }

    .u12-menu-row{
        justify-content:space-between;
    }

    .u12-sub-toggle{
        display:grid;
        place-items:center;
        width:42px;
        height:42px;
        border:0;
        background:transparent;
        color:var(--u12-gold-dark);
        font-size:19px;
    }

    .u12-dropdown,
    .u12-dropdown-products{
        position:static;
        display:none;
        width:auto;
        min-width:0;
        margin:0 0 14px;
        padding:10px;
        border-radius:10px;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none!important;
        pointer-events:auto;
        background:#f8f7f3;
    }

    .u12-has-sub.is-open>.u12-dropdown{
        display:block;
    }

    .u12-category-links{
        grid-template-columns:repeat(2,1fr);
    }

    .u12-dropdown-head{
        padding-top:4px;
    }

    .u12-hero{
        height:650px;
    }

    .u12-floating-store{
        top:auto;
        bottom:18px;
        min-width:210px;
    }

    .u12-proof>.u12-shell{
        grid-template-columns:1fr;
    }

    .u12-proof-intro h2{
        max-width:620px;
    }

    .u12-proof-grid{
        border-left:0;
        border-right:0;
    }

    .u12-story-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .u12-story-media,
    .u12-story-media img{
        min-height:430px;
    }

    .u12-about-story-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .u12-about-year{
        min-height:260px;
    }

    .u12-footer-grid{
        grid-template-columns:1.4fr 1fr 1fr;
    }

    .u12-footer-contact{
        grid-column:2/4;
    }
}

@media(max-width:767px){

    .u12-topbar-inner{
        gap:10px;
    }

    .u12-top-right{
        gap:9px;
    }

    .u12-phone{
        display:none;
    }

    .u12-top-left{
        flex:1;
    }

    .u12-top-strong{
        font-size:10px;
    }

    .u12-store-link{
        padding:0 10px;
        border-right:0;
    }

    .u12-language summary{
        padding:0 10px;
    }

    .u12-language-globe{display:none}

    .u12-language-panel{
        position:fixed;
        top:122px;
        left:16px!important;
        right:16px!important;
        width:auto;
        max-height:65vh;
    }

    .u12-hero{
        height:590px;
    }

    .u12-hero-copy{
        width:90%;
    }

    .u12-hero-copy h1{
        font-size:40px!important;
        line-height:1.04!important;
    }

    .u12-hero-arrow{
        display:none;
    }

    .u12-hero-dots{
        left:18px!important;
        right:auto!important;
        bottom:19px;
    }

    html[dir="rtl"] .u12-hero-dots{
        left:auto!important;
        right:18px!important;
    }

    .u12-floating-store{
        right:12px;
        bottom:12px;
        min-width:0;
        padding:10px 12px;
        border:1px solid rgba(216,192,138,.32);
        border-radius:15px;
    }

    html[dir="rtl"] .u12-floating-store{
        left:12px;
        right:auto;
        border:1px solid rgba(216,192,138,.32);
        border-radius:15px;
    }

    .u12-floating-store-icon{display:none}
    .u12-floating-store b{display:none}

    .u12-proof{
        padding:48px 0;
    }

    .u12-proof-grid{
        grid-template-columns:1fr;
    }

    .u12-proof-card{
        min-height:auto;
        padding:24px 0;
        border-top:1px solid var(--u12-line);
    }

    .u12-proof-card+.u12-proof-card{
        border-left:0;
    }

    .u12-section,
    .u12-story,
    .u12-about-story{
        padding:68px 0;
    }

    .u12-section-heading{
        display:block;
        margin-bottom:30px;
    }

    .u12-section-heading .u12-text-link{
        display:inline-block;
        margin-top:18px;
    }

    .u12-category-grid,
    .u12-recipe-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .u12-quality-grid{
        grid-template-columns:1fr;
    }

    .u12-quality-card,
    .u12-quality-card:nth-child(3),
    .u12-quality-card:nth-child(4){
        min-height:auto;
        border-left:0;
        border-top:1px solid var(--u12-line);
    }

    .u12-quality-card:first-child{border-top:0}

    .u12-quality-index{
        margin-bottom:34px;
    }

    .u12-story-media,
    .u12-story-media img{
        min-height:330px;
    }

    .u12-story-year{
        font-size:88px;
    }

    .u12-story-actions{
        align-items:flex-start;
        flex-direction:column;
    }

    .u12-b2b-inner{
        align-items:flex-start;
        flex-direction:column;
        gap:28px;
    }

    .u12-inner-hero{
        padding:78px 0 62px;
    }

    .u12-inner-hero h1{
        font-size:46px!important;
    }

    .u12-about-year{
        min-height:220px;
        padding:35px;
    }

    .u12-about-year span{
        font-size:78px;
    }

    .u12-about-pillars{
        grid-template-columns:1fr;
    }

    .u12-about-pillars article{
        min-height:auto;
        border-top:1px solid var(--u12-line);
    }

    .u12-about-pillars article+article{
        border-left:0;
    }

    .u12-about-pillars h3{
        margin-top:42px;
    }

    .u12-generic-content-inner{
        grid-template-columns:1fr;
        gap:20px;
    }

    .u12-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:42px 26px;
    }

    .u12-footer-brand,
    .u12-footer-contact{
        grid-column:1/3;
    }

    .u12-footer-bottom{
        flex-direction:column;
        gap:8px;
    }
}

@media(max-width:520px){
    .u12-category-grid{
        grid-template-columns:1fr;
    }

    .u12-recipe-grid{
        grid-template-columns:1fr;
    }

    .u12-category-media{
        aspect-ratio:1.6/1;
    }
}

@media(prefers-reduced-motion:reduce){
    .u12-hero-slide,
    .u12-hero-media img,
    .u12-category-card,
    .u12-recipe-media img{
        transition:none!important;
    }
}


/* =========================================================
   V12.1 — STICKY HEADER
   Header remains visible while the page scrolls.
   ========================================================= */

.u12-site-header{
    will-change:transform;
}

.u12-mainbar{
    transition:box-shadow .22s ease, background .22s ease;
}

.u12-site-header.is-scrolled .u12-mainbar{
    background:rgba(255,255,255,.985);
    box-shadow:0 10px 30px rgba(13,47,37,.10);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

@media(max-width:991px){
    .u12-site-header{
        position:sticky;
        top:0;
    }
}


/* =========================================================
   ÜÇLER GLOBAL FOOTER V12.2
   Geometry inspired by the supplied Cebel footer reference.
   Information architecture: global dairy / consumer + B2B.
   ========================================================= */

.u12-global-footer{
    position:relative;
    z-index:10;
    padding:82px 0 24px;
    background:#0d2f25;
    color:#f7f3e9;
    font-family:"Manrope",Arial,sans-serif;
    overflow:visible;
}

.u12-global-footer a{
    text-decoration:none!important;
}

.u12-footer-primary{
    display:grid;
    grid-template-columns:1.35fr repeat(4,1fr);
    gap:54px;
    min-height:270px;
    padding-bottom:48px;
}

.u12-footer-brand{
    padding-right:22px;
}

html[dir="rtl"] .u12-footer-brand{
    padding-right:0;
    padding-left:22px;
}

.u12-footer-logo{
    display:inline-flex;
    width:142px;
    min-height:60px;
    align-items:center;
    margin-bottom:22px;
}

.u12-footer-logo img{
    display:block;
    width:100%;
    height:auto;
    max-height:76px;
    object-fit:contain;
}

.u12-footer-brand p{
    max-width:310px;
    margin:0 0 20px;
    color:rgba(247,243,233,.65);
    font-size:13px;
    line-height:1.72;
    font-weight:400;
}

.u12-footer-brand>span{
    color:#d8c08a;
    font-size:10px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.u12-footer-column-title{
    display:flex;
    width:100%;
    min-height:34px;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:0;
    border:0;
    background:transparent;
    color:#f7f3e9;
    cursor:default;
    text-align:inherit;
    font-family:"Manrope",Arial,sans-serif;
    font-size:15px;
    line-height:1.35;
    font-weight:720;
}

.u12-footer-column-title i{
    display:none;
    color:#d8c08a;
    font-style:normal;
    font-size:20px;
    line-height:1;
    font-weight:400;
}

.u12-footer-column-links{
    display:grid;
    gap:10px;
    padding-top:14px;
}

.u12-footer-column-links a{
    width:max-content;
    max-width:100%;
    color:rgba(247,243,233,.69)!important;
    font-size:12.5px;
    line-height:1.35;
    font-weight:430;
    transition:color .18s ease,transform .18s ease;
}

.u12-footer-column-links a:hover{
    color:#d8c08a!important;
    transform:translateX(2px);
}

html[dir="rtl"] .u12-footer-column-links a:hover{
    transform:translateX(-2px);
}


/* ---------- Cebel-style horizontal contact band ---------- */

.u12-footer-contact-row{
    display:grid;
    grid-template-columns:1.15fr .92fr 1.08fr .9fr;
    border-top:1px solid rgba(247,243,233,.18);
    border-bottom:1px solid rgba(247,243,233,.18);
}

.u12-footer-contact-block{
    position:relative;
    min-height:132px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:26px 34px;
    color:#f7f3e9!important;
}

.u12-footer-contact-block:first-child{
    padding-left:0;
}

html[dir="rtl"] .u12-footer-contact-block:first-child{
    padding-left:34px;
    padding-right:0;
}

.u12-footer-contact-block+.u12-footer-contact-block{
    border-left:1px solid rgba(247,243,233,.18);
}

html[dir="rtl"] .u12-footer-contact-block+.u12-footer-contact-block{
    border-left:0;
    border-right:1px solid rgba(247,243,233,.18);
}

.u12-footer-contact-block>small{
    display:block;
    min-height:20px;
    margin-bottom:12px;
    color:rgba(247,243,233,.65);
    font-size:10.5px;
    line-height:1.45;
    font-weight:500;
}

.u12-footer-store-block{
    transition:background .2s ease;
}

.u12-footer-store-block:hover{
    background:rgba(176,138,74,.08);
}

.u12-footer-store-mark{
    display:flex;
    align-items:center;
    gap:13px;
    flex-wrap:wrap;
}

.u12-footer-store-mark>span{
    color:#d8c08a;
    font-size:17px;
    font-weight:780;
    letter-spacing:.045em;
}

.u12-footer-store-mark>strong{
    color:#f7f3e9;
    font-size:12px;
    font-weight:650;
}

.u12-footer-big-link{
    display:block;
    width:max-content;
    max-width:100%;
    color:#f7f3e9!important;
    font-family:"Manrope",Arial,sans-serif;
    font-size:20px;
    line-height:1.25;
    font-weight:430;
    letter-spacing:-.025em;
    word-break:break-word;
    transition:color .18s ease;
}

.u12-footer-big-link:hover{
    color:#d8c08a!important;
}

.u12-footer-social-block{
    padding-right:0;
}

html[dir="rtl"] .u12-footer-social-block{
    padding-right:34px;
    padding-left:0;
}

.u12-footer-socials{
    display:flex;
    align-items:center;
    gap:12px;
}

.u12-footer-socials a{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:1px solid rgba(247,243,233,.08);
    border-radius:50%;
    background:rgba(247,243,233,.11);
    color:#f7f3e9!important;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.u12-footer-socials a:hover{
    background:#b08a4a;
    color:#0d2f25!important;
    border-color:#b08a4a;
    transform:translateY(-2px);
}

.u12-footer-socials svg{
    width:20px;
    height:20px;
    fill:currentColor;
    stroke:currentColor;
    stroke-width:1.5;
}

.u12-footer-socials .u12-footer-svg-cut{
    fill:#0d2f25;
    stroke:none;
}


/* ---------- Legal / language / market ---------- */

.u12-footer-legal-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:36px;
    min-height:78px;
    border-bottom:1px solid rgba(247,243,233,.18);
}

.u12-footer-legal-links{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px 30px;
}

.u12-footer-legal-links a{
    color:rgba(247,243,233,.62)!important;
    font-size:11px;
    line-height:1.35;
    font-weight:450;
}

.u12-footer-legal-links a:hover{
    color:#d8c08a!important;
}

.u12-footer-selectors{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-left:auto;
}

html[dir="rtl"] .u12-footer-selectors{
    margin-left:0;
    margin-right:auto;
}

.u12-footer-selector{
    position:relative;
}

.u12-footer-selector>summary{
    display:flex;
    min-height:38px;
    align-items:center;
    gap:7px;
    padding:0 11px;
    border:1px solid rgba(247,243,233,.13);
    border-radius:999px;
    background:rgba(247,243,233,.045);
    color:#f7f3e9;
    cursor:pointer;
    list-style:none;
}

.u12-footer-selector>summary::-webkit-details-marker{
    display:none;
}

.u12-footer-selector>summary span{
    color:rgba(247,243,233,.48);
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.u12-footer-selector>summary strong{
    font-size:10.5px;
    font-weight:650;
}

.u12-footer-selector>summary i{
    color:#d8c08a;
    font-style:normal;
    font-size:11px;
}

.u12-footer-selector-panel{
    position:absolute;
    right:0;
    bottom:calc(100% + 10px);
    z-index:50;
    width:244px;
    max-height:340px;
    overflow:auto;
    padding:8px;
    border:1px solid rgba(216,192,138,.22);
    border-radius:13px;
    background:#12362b;
    box-shadow:0 22px 55px rgba(0,0,0,.22);
}

html[dir="rtl"] .u12-footer-selector-panel{
    right:auto;
    left:0;
}

.u12-footer-selector-panel a{
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:7px 9px;
    border-radius:8px;
    color:#f7f3e9!important;
}

.u12-footer-selector-panel a:hover,
.u12-footer-selector-panel a.is-active{
    background:rgba(216,192,138,.10);
}

.u12-footer-selector-panel a span{
    color:#d8c08a;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
}

.u12-footer-selector-panel a strong{
    font-size:11.5px;
    font-weight:550;
}


/* ---------- Bottom ---------- */

.u12-footer-bottom-row{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    color:rgba(247,243,233,.45);
    font-size:9.5px;
    line-height:1.45;
}


/* ---------- Tablet ---------- */

@media(max-width:1199px){

    .u12-footer-primary{
        grid-template-columns:1.25fr repeat(2,1fr);
        gap:42px 36px;
    }

    .u12-footer-brand{
        grid-row:span 2;
    }

    .u12-footer-contact-row{
        grid-template-columns:1fr 1fr;
    }

    .u12-footer-contact-block:nth-child(3){
        border-left:0;
        border-top:1px solid rgba(247,243,233,.18);
        padding-left:0;
    }

    .u12-footer-contact-block:nth-child(4){
        border-top:1px solid rgba(247,243,233,.18);
    }

    html[dir="rtl"] .u12-footer-contact-block:nth-child(3){
        border-right:0;
        padding-left:34px;
        padding-right:0;
    }

    .u12-footer-social-block{
        padding-right:34px;
    }

    html[dir="rtl"] .u12-footer-social-block{
        padding-left:34px;
    }
}


/* ---------- Mobile accordion ---------- */

@media(max-width:767px){

    .u12-global-footer{
        padding:58px 0 20px;
    }

    .u12-footer-primary{
        display:block;
        min-height:0;
        padding-bottom:30px;
    }

    .u12-footer-brand{
        margin-bottom:34px;
        padding:0!important;
    }

    .u12-footer-logo{
        width:128px;
        margin-bottom:17px;
    }

    .u12-footer-brand p{
        max-width:440px;
    }

    .u12-footer-column{
        border-top:1px solid rgba(247,243,233,.14);
    }

    .u12-footer-column:last-child{
        border-bottom:1px solid rgba(247,243,233,.14);
    }

    .u12-footer-column-title{
        min-height:54px;
        align-items:center;
        cursor:pointer;
        font-size:14px;
    }

    .u12-footer-column-title i{
        display:block;
    }

    .u12-footer-column-links{
        display:none;
        gap:0;
        padding:0 0 15px;
    }

    .u12-footer-column.is-open .u12-footer-column-links{
        display:grid;
    }

    .u12-footer-column-links a{
        width:100%;
        padding:8px 0;
        font-size:12.5px;
    }

    .u12-footer-contact-row{
        display:block;
        border-top:0;
    }

    .u12-footer-contact-block{
        min-height:106px;
        padding:23px 0!important;
        border-left:0!important;
        border-right:0!important;
        border-top:1px solid rgba(247,243,233,.16)!important;
    }

    .u12-footer-contact-block:last-child{
        border-bottom:0;
    }

    .u12-footer-store-mark{
        justify-content:space-between;
    }

    .u12-footer-big-link{
        font-size:18px;
    }

    .u12-footer-socials a{
        width:46px;
        height:46px;
    }

    .u12-footer-legal-row{
        align-items:stretch;
        flex-direction:column;
        gap:22px;
        padding:24px 0;
    }

    .u12-footer-legal-links{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px 20px;
    }

    .u12-footer-selectors{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
        margin:0!important;
    }

    .u12-footer-selector>summary{
        justify-content:space-between;
        border-radius:8px;
    }

    .u12-footer-selector-panel{
        position:fixed;
        left:16px!important;
        right:16px!important;
        bottom:18px;
        width:auto;
        max-height:55vh;
    }

    .u12-footer-bottom-row{
        min-height:0;
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
        padding-top:22px;
    }
}

@media(max-width:480px){
    .u12-footer-selectors{
        grid-template-columns:1fr;
    }

    .u12-footer-legal-links{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   V12.5 SAFE — STICKY HEADER GUARANTEE
   ========================================================= */
.u12-site-header{
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    isolation:isolate;
}
.u12-site-header.is-scrolled .u12-mainbar{
    box-shadow:0 10px 30px rgba(13,47,37,.10);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}


/* =========================================================
   V12.5 — PRODUCT WORLD / REAL FULL-WIDTH HORIZONTAL RAIL
   ========================================================= */

.u12-product-world{
    position:relative;
    width:100%;
    padding:92px 0 104px;
    background:#f7f5ef;
    overflow:hidden;
}

.u12-product-world-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:48px;
    margin-bottom:36px;
}

.u12-product-world-heading>div:first-child{
    max-width:760px;
}

.u12-product-world-heading h2{
    margin:0;
    color:var(--u12-ink);
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(38px,3.4vw,56px)!important;
    line-height:1.04!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

.u12-product-world-heading p{
    max-width:680px;
    margin:16px 0 0;
    color:var(--u12-muted);
    font-size:16px;
    line-height:1.65;
}

.u12-product-world-actions{
    display:flex;
    align-items:center;
    gap:22px;
    flex:0 0 auto;
}

.u12-product-world-arrows{
    display:flex;
    gap:8px;
}

.u12-product-world-arrows button{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid rgba(21,60,48,.16);
    border-radius:50%;
    background:#fff;
    color:var(--u12-green);
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.u12-product-world-arrows button:hover{
    background:var(--u12-green);
    color:#fff;
    border-color:var(--u12-green);
}

/*
The viewport is intentionally NOT .u12-shell.
It uses the actual browser width.
Only a controlled edge breathing room remains.
*/
.u12-product-world-viewport{
    width:100%;
    max-width:none!important;
    padding-inline:clamp(22px,3vw,58px);
    overflow:hidden;
}

.u12-product-world-track{
    display:flex;
    flex-wrap:nowrap;
    gap:22px;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 0 14px;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
}

.u12-product-world-track::-webkit-scrollbar{
    display:none;
}

.u12-product-world-card{
    position:relative;
    flex:0 0 clamp(330px,22vw,405px);
    aspect-ratio:3 / 4;
    min-width:0;
    overflow:hidden;
    border-radius:24px;
    background:#e5e1d7;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 18px 44px rgba(15,43,34,.075);
    scroll-snap-align:start;
    transform:translateZ(0);
}

.u12-product-world-media{
    position:absolute;
    inset:0;
}

.u12-product-world-media img,
.u12-product-world-placeholder{
    display:block;
    width:100%;
    height:100%;
}

.u12-product-world-media img{
    object-fit:cover;
    object-position:center center;
    transform:scale(1.002);
    transition:transform .6s cubic-bezier(.2,.65,.3,1);
}

.u12-product-world-card:hover .u12-product-world-media img{
    transform:scale(1.045);
}

.u12-product-world-placeholder{
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 70% 20%,rgba(176,138,74,.13),transparent 34%),
        linear-gradient(145deg,#ece8dd,#ded9cc);
}

.u12-product-world-placeholder span{
    color:rgba(21,60,48,.15);
    font-family:Georgia,serif;
    font-size:110px;
    line-height:1;
}

.u12-product-world-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(6,23,17,.02) 0%,rgba(6,23,17,.08) 45%,rgba(6,23,17,.66) 100%);
}

.u12-product-world-label{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:30px 26px 26px;
}

.u12-product-world-label strong{
    max-width:78%;
    color:#fff;
    font-size:23px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:-.025em;
    text-shadow:0 3px 22px rgba(0,0,0,.24);
}

.u12-product-world-label span{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:43px;
    height:43px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    background:rgba(255,255,255,.13);
    color:#fff;
    font-size:17px;
    backdrop-filter:blur(6px);
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.u12-product-world-card:hover .u12-product-world-label span{
    background:var(--u12-gold);
    color:var(--u12-green-deep);
    border-color:var(--u12-gold);
}

@media(max-width:991px){
    .u12-product-world{
        padding:76px 0 88px;
    }

    .u12-product-world-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:20px;
    }

    .u12-product-world-card{
        flex-basis:clamp(310px,42vw,370px);
    }
}

@media(max-width:767px){
    .u12-product-world{
        padding:64px 0 74px;
    }

    .u12-product-world-heading{
        width:calc(100% - 32px);
        margin-left:auto;
        margin-right:auto;
        margin-bottom:26px;
    }

    .u12-product-world-heading h2{
        font-size:36px!important;
    }

    .u12-product-world-actions{
        width:100%;
        justify-content:space-between;
    }

    .u12-product-world-arrows{
        display:none;
    }

    .u12-product-world-viewport{
        padding-inline:16px;
    }

    .u12-product-world-track{
        gap:15px;
    }

    .u12-product-world-card{
        flex:0 0 82vw;
        max-width:350px;
        border-radius:20px;
    }

    .u12-product-world-label{
        padding:24px 20px 20px;
    }

    .u12-product-world-label strong{
        font-size:21px;
    }
}


/* =========================================================
   V12.6 — CORPORATE ECOSYSTEM
   ========================================================= */
.u12-corp-subnav{
    position:relative;
    z-index:30;
    border-bottom:1px solid rgba(13,47,37,.08);
    background:rgba(255,255,255,.96);
}
.u12-corp-subnav-track{
    display:flex;
    gap:28px;
    align-items:center;
    min-height:54px;
    overflow-x:auto;
    scrollbar-width:none;
}
.u12-corp-subnav-track::-webkit-scrollbar{display:none}
.u12-corp-subnav a{
    position:relative;
    flex:0 0 auto;
    padding:17px 0 15px;
    color:#5e6964;
    text-decoration:none;
    font-size:13px;
    font-weight:650;
    white-space:nowrap;
}
.u12-corp-subnav a:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:2px;
    background:var(--u12-gold);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .2s ease;
}
.u12-corp-subnav a:hover,
.u12-corp-subnav a.is-active{color:var(--u12-green)}
.u12-corp-subnav a.is-active:after{transform:scaleX(1)}

.u12-corp-hero{
    padding:104px 0 92px;
    border-bottom:0;
    background:
        radial-gradient(circle at 90% 10%,rgba(176,138,74,.12),transparent 26%),
        #f8f6ef;
}
.u12-corp-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:80px;
    align-items:end;
}
.u12-corp-hero-grid>div:first-child{max-width:900px}
.u12-corp-hero h1{
    max-width:900px;
    font-size:clamp(58px,6.5vw,106px)!important;
    line-height:.91!important;
    letter-spacing:-.065em!important;
}
.u12-corp-hero p{
    max-width:780px;
    font-size:clamp(17px,1.25vw,21px);
    line-height:1.65;
}
.u12-corp-hero-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-top:1px solid rgba(13,47,37,.15);
    border-left:1px solid rgba(13,47,37,.15);
}
.u12-corp-hero-stats>div{
    min-height:135px;
    padding:22px;
    border-right:1px solid rgba(13,47,37,.15);
    border-bottom:1px solid rgba(13,47,37,.15);
}
.u12-corp-hero-stats strong{
    display:block;
    color:var(--u12-green);
    font-size:35px;
    line-height:1;
    letter-spacing:-.04em;
}
.u12-corp-hero-stats span{
    display:block;
    margin-top:13px;
    color:#69736f;
    font-size:12px;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.u12-corp-film{
    padding:92px 0;
    background:var(--u12-green-deep);
    color:#fff;
}
.u12-corp-film-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,520px);
    gap:70px;
    align-items:end;
    margin-bottom:34px;
}
.u12-corp-film h2{
    margin:8px 0 0;
    max-width:760px;
    color:#fff;
    font-size:clamp(38px,4vw,65px);
    line-height:1;
    letter-spacing:-.045em;
}
.u12-corp-film-head p{
    margin:0;
    color:rgba(255,255,255,.67);
    font-size:16px;
    line-height:1.7;
}
.u12-corp-film-frame{
    position:relative;
    width:100%;
    aspect-ratio:16/8.2;
    overflow:hidden;
    border-radius:26px;
    background:#071b15;
    box-shadow:0 30px 80px rgba(0,0,0,.26);
}
.u12-corp-film-frame iframe,
.u12-corp-film-frame video{
    width:100%;
    height:100%;
    border:0;
    object-fit:cover;
    display:block;
}

.u12-corp-story{
    padding:116px 0;
    background:#fff;
}
.u12-corp-story-grid{
    display:grid;
    grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);
    gap:90px;
    align-items:start;
}
.u12-corp-story-kicker{
    position:sticky;
    top:170px;
    min-height:280px;
    padding-top:12px;
    border-top:1px solid var(--u12-gold);
}
.u12-corp-story-kicker span{
    display:block;
    color:var(--u12-green);
    font-size:clamp(68px,7vw,118px);
    line-height:.9;
    letter-spacing:-.07em;
}
.u12-corp-story-kicker small{
    display:block;
    margin-top:17px;
    color:var(--u12-gold-dark);
    font-size:12px;
    font-weight:750;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.u12-corp-story-copy h2,
.u12-corp-section-head h2,
.u12-corp-dual h2{
    margin:9px 0 0;
    color:var(--u12-ink);
    font-size:clamp(40px,4vw,66px);
    line-height:1.02;
    letter-spacing:-.05em;
}
.u12-corp-story-copy p{
    margin:28px 0 0;
    max-width:850px;
    color:#59645f;
    font-size:clamp(18px,1.4vw,22px);
    line-height:1.76;
}

.u12-corp-timeline-section{
    padding:110px 0 120px;
    background:#f4f1e9;
}
.u12-corp-section-head{margin-bottom:44px}
.u12-corp-section-head-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,520px);
    gap:70px;
    align-items:end;
}
.u12-corp-section-head-split>p{
    margin:0;
    color:#66716c;
    font-size:16px;
    line-height:1.7;
}
.u12-corp-timeline{
    border-top:1px solid rgba(13,47,37,.18);
}
.u12-corp-milestone{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:52px;
    padding:44px 0;
    border-bottom:1px solid rgba(13,47,37,.14);
}
.u12-corp-milestone-year{
    color:var(--u12-gold-dark);
    font-size:13px;
    font-weight:800;
    letter-spacing:.15em;
}
.u12-corp-milestone-body{
    display:grid;
    grid-template-columns:minmax(230px,.6fr) minmax(0,1.4fr);
    gap:46px;
}
.u12-corp-milestone h3{
    margin:0;
    color:var(--u12-green);
    font-size:27px;
    line-height:1.1;
    letter-spacing:-.035em;
}
.u12-corp-milestone p{
    margin:0;
    max-width:760px;
    color:#66716c;
    font-size:15.5px;
    line-height:1.72;
}

.u12-corp-ecosystem{
    padding:112px 0;
    background:#fff;
}
.u12-corp-brand-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.u12-corp-brand-card{
    position:relative;
    min-height:330px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:30px;
    border:1px solid rgba(13,47,37,.12);
    border-radius:22px;
    background:#faf9f5;
    color:inherit;
    text-decoration:none!important;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.u12-corp-brand-card:hover{
    transform:translateY(-5px);
    border-color:rgba(176,138,74,.5);
    box-shadow:0 22px 50px rgba(13,47,37,.09);
}
.u12-corp-brand-mark{
    min-height:90px;
    display:flex;
    align-items:center;
}
.u12-corp-brand-mark img{
    max-width:170px;
    max-height:68px;
    object-fit:contain;
}
.u12-corp-brand-mark strong{
    color:var(--u12-green);
    font-size:27px;
    letter-spacing:-.03em;
}
.u12-corp-brand-card p{
    margin:auto 0 28px;
    color:#69736f;
    font-size:14px;
    line-height:1.65;
}
.u12-corp-brand-card>span{
    color:var(--u12-gold-dark);
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.u12-corp-model{
    padding:112px 0 120px;
    background:#102f26;
    color:#fff;
}
.u12-corp-model .u12-corp-section-head h2{color:#fff}
.u12-corp-model .u12-corp-section-head p{color:rgba(255,255,255,.64)}
.u12-corp-model-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid rgba(255,255,255,.15);
    border-left:1px solid rgba(255,255,255,.15);
}
.u12-corp-model-grid article{
    min-height:310px;
    padding:30px;
    border-right:1px solid rgba(255,255,255,.15);
    border-bottom:1px solid rgba(255,255,255,.15);
}
.u12-corp-model-grid article>span{
    color:var(--u12-gold);
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
}
.u12-corp-model-grid h3{
    margin:80px 0 14px;
    color:#fff;
    font-size:23px;
    line-height:1.1;
}
.u12-corp-model-grid p{
    margin:0;
    color:rgba(255,255,255,.62);
    font-size:14px;
    line-height:1.65;
}

.u12-corp-about{
    padding:112px 0 120px;
    background:#fff;
}
.u12-corp-about-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:90px;
    align-items:start;
}
.u12-corp-about-grid h2{
    margin:8px 0 0;
    color:var(--u12-ink);
    font-size:clamp(42px,4.5vw,72px);
    line-height:1;
    letter-spacing:-.055em;
}
.u12-corp-prose p{
    margin:0 0 24px;
    color:#59645f;
    font-size:18px;
    line-height:1.78;
}
.u12-corp-about-pillars{
    margin-top:72px;
    color:#fff;
    background:#102f26;
}
.u12-corp-ecosystem-compact{padding-top:88px;padding-bottom:88px}

.u12-corp-dual{
    padding:110px 0 120px;
    background:#f7f5ef;
}
.u12-corp-dual-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.u12-corp-dual-grid>article{
    min-height:500px;
    padding:52px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(13,47,37,.1);
}
.u12-corp-dual-grid>article.is-dark{
    background:var(--u12-green-deep);
    border-color:var(--u12-green-deep);
}
.u12-corp-dual-grid>article.is-dark h2{color:#fff}
.u12-corp-dual-grid p{
    margin-top:160px;
    max-width:620px;
    color:#64706a;
    font-size:17px;
    line-height:1.75;
}
.u12-corp-dual-grid .is-dark p{color:rgba(255,255,255,.65)}
.u12-corp-values{padding-top:92px}
.u12-corp-value-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.u12-corp-value-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.u12-corp-value-grid article{
    min-height:300px;
    padding:28px;
    border:1px solid rgba(13,47,37,.12);
    border-radius:20px;
    background:#fff;
}
.u12-corp-value-grid article>strong{
    color:var(--u12-gold-dark);
    font-size:12px;
    letter-spacing:.13em;
}
.u12-corp-value-grid h3{
    margin:74px 0 15px;
    color:var(--u12-green);
    font-size:22px;
    line-height:1.15;
}
.u12-corp-value-grid p{
    margin:0;
    color:#69736f;
    font-size:14px;
    line-height:1.65;
}

.u12-corp-principles{
    padding:112px 0 120px;
    background:#f7f5ef;
}
.u12-corp-principles .u12-corp-value-grid{margin-top:52px}
.u12-corp-generic{padding-top:100px;padding-bottom:110px}
.u12-corp-close{margin-top:0}

@media(max-width:1100px){
    .u12-corp-hero-grid{grid-template-columns:1fr;gap:48px}
    .u12-corp-hero-stats{max-width:700px}
    .u12-corp-brand-grid,.u12-corp-model-grid,.u12-corp-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .u12-corp-value-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
    .u12-corp-subnav-track{gap:20px;min-height:49px}
    .u12-corp-subnav a{font-size:12px;padding:15px 0 13px}
    .u12-corp-hero{padding:68px 0 64px}
    .u12-corp-hero h1{font-size:54px!important}
    .u12-corp-hero p{font-size:16px}
    .u12-corp-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .u12-corp-hero-stats>div{min-height:110px;padding:18px}
    .u12-corp-hero-stats strong{font-size:28px}

    .u12-corp-film{padding:64px 0}
    .u12-corp-film-head,.u12-corp-section-head-split,.u12-corp-about-grid{grid-template-columns:1fr;gap:20px}
    .u12-corp-film-frame{aspect-ratio:16/10;border-radius:16px}

    .u12-corp-story{padding:72px 0}
    .u12-corp-story-grid{grid-template-columns:1fr;gap:36px}
    .u12-corp-story-kicker{position:static;min-height:0;padding-bottom:24px}
    .u12-corp-story-kicker span{font-size:76px}
    .u12-corp-story-copy h2,.u12-corp-section-head h2,.u12-corp-dual h2{font-size:39px}

    .u12-corp-timeline-section,.u12-corp-ecosystem,.u12-corp-model,.u12-corp-about,.u12-corp-dual,.u12-corp-principles{padding:72px 0}
    .u12-corp-milestone{grid-template-columns:1fr;gap:16px;padding:30px 0}
    .u12-corp-milestone-body{grid-template-columns:1fr;gap:12px}
    .u12-corp-milestone h3{font-size:24px}

    .u12-corp-brand-grid,.u12-corp-model-grid,.u12-corp-value-grid,.u12-corp-value-grid-3{grid-template-columns:1fr}
    .u12-corp-brand-card{min-height:270px}
    .u12-corp-model-grid article{min-height:240px}
    .u12-corp-model-grid h3,.u12-corp-value-grid h3{margin-top:50px}

    .u12-corp-dual-grid{grid-template-columns:1fr}
    .u12-corp-dual-grid>article{min-height:390px;padding:30px}
    .u12-corp-dual-grid p{margin-top:100px}
    .u12-corp-values{padding-top:64px}
}


/* =========================================================
   V12.7 — CONTACT SYSTEM
   Scoped styles: does not alter home/corporate/footer modules.
   ========================================================= */

.u12-contact-hero{
    position:relative;
    overflow:hidden;
    padding:72px 0 78px;
    background:
        radial-gradient(circle at 78% 16%,rgba(216,192,138,.16),transparent 30%),
        linear-gradient(120deg,#0d2f25 0%,#173f31 62%,#205542 100%);
    color:#fff;
}

.u12-contact-hero::after{
    content:"";
    position:absolute;
    right:-130px;
    bottom:-220px;
    width:520px;
    height:520px;
    border:1px solid rgba(216,192,138,.12);
    border-radius:50%;
}

.u12-contact-hero-copy{
    position:relative;
    z-index:2;
    max-width:790px;
}

.u12-contact-kicker{
    margin:0 0 13px;
    color:#d8c08a;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.u12-contact-kicker-dark{
    color:#8b6a31;
}

.u12-contact-hero h1{
    margin:0 0 18px;
    color:#fff;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(48px,5vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.055em!important;
}

.u12-contact-hero p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.76);
    font-family:"Manrope",Arial,sans-serif;
    font-size:17px;
    line-height:1.7;
}

.u12-contact-main{
    padding:88px 0 108px;
    background:#fbfaf6;
}

.u12-contact-layout{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
    gap:76px;
    align-items:start;
}

.u12-contact-info{
    padding:22px 0 0;
}

.u12-contact-info h2,
.u12-contact-form-panel h2{
    margin:0;
    color:#12251e;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(32px,2.8vw,46px)!important;
    line-height:1.08!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

.u12-contact-info-lead,
.u12-contact-form-lead{
    max-width:620px;
    margin:17px 0 0;
    color:#667069;
    font-family:"Manrope",Arial,sans-serif;
    font-size:15px;
    line-height:1.72;
}

.u12-contact-info-list{
    display:grid;
    gap:10px;
    margin-top:36px;
}

.u12-contact-info-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:15px;
    align-items:start;
    padding:19px 20px;
    border:1px solid rgba(21,60,48,.085);
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 24px rgba(13,47,37,.035);
}

.u12-contact-info-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#f4efe3;
    color:#956f30;
}

.u12-contact-info-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.u12-contact-info-card small{
    display:block;
    margin:0 0 5px;
    color:#8a928d;
    font-family:"Manrope",Arial,sans-serif;
    font-size:10px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.u12-contact-info-card strong{
    display:block;
    color:#173f31;
    font-family:"Manrope",Arial,sans-serif;
    font-size:15px;
    line-height:1.55;
    font-weight:650;
}

.u12-contact-info-card strong a{
    color:inherit!important;
    text-decoration:none!important;
}

.u12-contact-info-card>div>a{
    display:inline-flex;
    margin-top:6px;
    color:#8b6a31!important;
    font-family:"Manrope",Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    text-decoration:none!important;
}

.u12-contact-phone-separator{
    margin:0 5px;
    color:#b6bcb8;
}

.u12-contact-direct-note{
    margin-top:24px;
    padding:22px 24px;
    border-left:3px solid #b08a4a;
    background:#f2eee4;
}

html[dir="rtl"] .u12-contact-direct-note{
    border-left:0;
    border-right:3px solid #b08a4a;
}

.u12-contact-direct-note strong{
    color:#173f31;
    font-family:"Manrope",Arial,sans-serif;
    font-size:14px;
    font-weight:750;
}

.u12-contact-direct-note p{
    margin:7px 0 0;
    color:#6e766f;
    font-family:"Manrope",Arial,sans-serif;
    font-size:13px;
    line-height:1.6;
}

.u12-contact-form-panel{
    padding:42px 44px 40px;
    border:1px solid rgba(21,60,48,.09);
    border-radius:20px;
    background:#fff;
    box-shadow:0 22px 55px rgba(13,47,37,.07);
}

.u12-contact-form{
    position:relative;
    margin-top:31px;
}

.u12-contact-honeypot{
    position:absolute!important;
    left:-9999px!important;
    top:auto!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}

.u12-contact-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.u12-contact-field{
    min-width:0;
}

.u12-contact-field-full{
    grid-column:1 / -1;
}

.u12-contact-field>label{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 8px!important;
    color:#263a32!important;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:750!important;
    letter-spacing:.015em!important;
    text-transform:none!important;
}

.u12-contact-field>label b{
    color:#9b742f;
    font-size:13px;
}

.u12-contact-field>label span{
    color:#a3a8a5;
    font-size:10px;
    font-weight:600;
}

.u12-contact-field input,
.u12-contact-field textarea,
.u12-contact-field select{
    display:block!important;
    width:100%!important;
    margin:0!important;
    border:1px solid #dce1dd!important;
    border-radius:9px!important;
    outline:none!important;
    background:#fcfcfa!important;
    color:#14271f!important;
    box-shadow:none!important;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:500!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

.u12-contact-field input,
.u12-contact-field select{
    height:54px!important;
    min-height:54px!important;
    padding:0 15px!important;
}

.u12-contact-field textarea{
    min-height:154px!important;
    padding:15px!important;
    resize:vertical!important;
    line-height:1.6!important;
}

.u12-contact-field input:focus,
.u12-contact-field textarea:focus,
.u12-contact-field select:focus{
    border-color:#b08a4a!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(176,138,74,.11)!important;
}

.u12-contact-field.is-invalid input,
.u12-contact-field.is-invalid textarea{
    border-color:#b8584f!important;
    box-shadow:0 0 0 3px rgba(184,88,79,.08)!important;
}

.u12-contact-field-error{
    display:none;
    margin:7px 0 0;
    color:#9f463f;
    font-family:"Manrope",Arial,sans-serif;
    font-size:11px;
    line-height:1.45;
}

.u12-contact-field.is-invalid .u12-contact-field-error{
    display:block;
}

.u12-contact-select-wrap{
    position:relative;
}

.u12-contact-select-wrap::after{
    content:"⌄";
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-58%);
    color:#56655f;
    pointer-events:none;
    font-size:16px;
}

html[dir="rtl"] .u12-contact-select-wrap::after{
    right:auto;
    left:16px;
}

.u12-contact-field select{
    appearance:none!important;
    -webkit-appearance:none!important;
    padding-right:42px!important;
}

html[dir="rtl"] .u12-contact-field select{
    padding-right:15px!important;
    padding-left:42px!important;
}

.u12-contact-form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-top:24px;
    padding-top:23px;
    border-top:1px solid rgba(21,60,48,.085);
}

.u12-contact-form-footer>div{
    max-width:390px;
}

.u12-contact-form-footer small{
    display:block;
    color:#84672f;
    font-family:"Manrope",Arial,sans-serif;
    font-size:10px;
    line-height:1.4;
    font-weight:800;
}

.u12-contact-form-footer p{
    margin:5px 0 0;
    color:#8a928d;
    font-family:"Manrope",Arial,sans-serif;
    font-size:10px;
    line-height:1.55;
}

.u12-contact-submit,
.u12-contact-form .u12-contact-submit,
button.u12-contact-submit{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    min-width:190px!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 22px!important;
    border:1px solid #173f31!important;
    border-radius:7px!important;
    background:#173f31!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}

.u12-contact-submit i{
    display:inline-block;
    color:#d8c08a;
    font-style:normal;
    font-size:18px;
    font-weight:400;
    transition:transform .18s ease;
}

.u12-contact-submit:hover{
    background:#0d2f25!important;
    border-color:#0d2f25!important;
    transform:translateY(-1px);
}

.u12-contact-submit:hover i{
    transform:translateX(3px);
}

html[dir="rtl"] .u12-contact-submit i{
    transform:scaleX(-1);
}

html[dir="rtl"] .u12-contact-submit:hover i{
    transform:scaleX(-1) translateX(3px);
}

.u12-contact-submit:disabled{
    opacity:.65!important;
    cursor:wait!important;
    transform:none!important;
}

.u12-contact-alert{
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:13px;
    align-items:start;
    margin:25px 0 0;
    padding:17px 18px;
    border-radius:10px;
    font-family:"Manrope",Arial,sans-serif;
}

.u12-contact-alert>span{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:50%;
    font-size:14px;
    font-weight:900;
}

.u12-contact-alert strong{
    display:block;
    margin:1px 0 3px;
    font-size:13px;
    font-weight:800;
}

.u12-contact-alert p{
    margin:0;
    font-size:12px;
    line-height:1.55;
}

.u12-contact-alert p+p{
    margin-top:3px;
}

.u12-contact-alert-success{
    border:1px solid rgba(39,112,78,.18);
    background:#eef6f1;
    color:#285d45;
}

.u12-contact-alert-success>span{
    background:#dceee3;
    color:#276949;
}

.u12-contact-alert-error{
    border:1px solid rgba(167,76,67,.18);
    background:#fbefed;
    color:#81433d;
}

.u12-contact-alert-error>span{
    background:#f3dad6;
    color:#984c44;
}

@media(max-width:1100px){
    .u12-contact-layout{
        grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr);
        gap:42px;
    }

    .u12-contact-form-panel{
        padding:34px 32px;
    }
}

@media(max-width:900px){
    .u12-contact-main{
        padding:68px 0 82px;
    }

    .u12-contact-layout{
        grid-template-columns:1fr;
        gap:52px;
    }

    .u12-contact-info{
        padding-top:0;
    }

    .u12-contact-info-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .u12-contact-hero{
        padding:56px 0 60px;
    }

    .u12-contact-hero h1{
        font-size:45px!important;
    }

    .u12-contact-hero p{
        font-size:15px;
    }

    .u12-contact-main{
        padding:54px 0 64px;
    }

    .u12-contact-info-list{
        grid-template-columns:1fr;
    }

    .u12-contact-form-panel{
        margin-left:-4px;
        margin-right:-4px;
        padding:28px 20px 24px;
        border-radius:15px;
    }

    .u12-contact-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .u12-contact-field-full{
        grid-column:auto;
    }

    .u12-contact-form-footer{
        align-items:stretch;
        flex-direction:column;
        gap:18px;
    }

    .u12-contact-submit,
    .u12-contact-form .u12-contact-submit,
    button.u12-contact-submit{
        width:100%!important;
        min-width:0!important;
    }
}


/* V12.7.1 — Branch selector detail */
.u12-branch-detail{
    margin-top:10px;
    padding:14px 15px;
    border:1px solid rgba(176,138,74,.22);
    border-radius:9px;
    background:#faf7ef;
    font-family:"Manrope",Arial,sans-serif;
}
.u12-branch-detail[hidden]{display:none!important}
.u12-branch-detail strong{
    display:block;
    color:#173f31;
    font-size:12px;
    font-weight:800;
}
.u12-branch-detail span{
    display:block;
    margin-top:4px;
    color:#6d766f;
    font-size:11px;
    line-height:1.55;
}
.u12-branch-detail a{
    display:inline-flex;
    margin:7px 12px 0 0;
    color:#8b6a31!important;
    font-size:11px;
    font-weight:750;
    text-decoration:none!important;
}
html[dir="rtl"] .u12-branch-detail a{
    margin-right:0;
    margin-left:12px;
}


/* =========================================================
   V12.7.3 — LEFT-SIDE DYNAMIC LOCATIONS
   Form remains central/corporate; store is display-only.
   ========================================================= */

.u12-contact-locations{
    display:grid;
    gap:10px;
}

.u12-contact-locations-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin:3px 0 2px;
    padding:0 2px;
}

.u12-contact-locations-head>span{
    color:#8a928d;
    font-family:"Manrope",Arial,sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.u12-contact-locations-head>strong{
    color:#173f31;
    font-family:"Manrope",Arial,sans-serif;
    font-size:12px;
    font-weight:750;
}

.u12-contact-location-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:15px;
    align-items:start;
    padding:20px;
    border:1px solid rgba(21,60,48,.085);
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 24px rgba(13,47,37,.035);
}

.u12-contact-location-body{
    min-width:0;
}

.u12-contact-location-body small{
    display:block;
    margin:0 0 5px;
    color:#9a7739;
    font-family:"Manrope",Arial,sans-serif;
    font-size:9px;
    line-height:1.35;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.u12-contact-location-body strong{
    display:block;
    color:#173f31;
    font-family:"Manrope",Arial,sans-serif;
    font-size:15px;
    line-height:1.45;
    font-weight:750;
}

.u12-contact-location-body p{
    margin:5px 0 0;
    color:#6e7771;
    font-family:"Manrope",Arial,sans-serif;
    font-size:12px;
    line-height:1.58;
}

.u12-contact-location-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px 15px;
    margin-top:9px;
}

.u12-contact-location-actions a{
    color:#8b6a31!important;
    font-family:"Manrope",Arial,sans-serif;
    font-size:11px;
    line-height:1.4;
    font-weight:800;
    text-decoration:none!important;
}

.u12-contact-location-actions a:hover{
    color:#173f31!important;
}

@media(max-width:640px){
    .u12-contact-locations-head{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }

    .u12-contact-location-card{
        padding:18px;
    }
}


/* =========================================================
   V12.9 — MYSQL RICH CONTENT / PRODUCTION / GUIDES / RECIPES
   ========================================================= */

.u12-rich-overview{
    padding:84px 0 66px;
    background:#fff;
}
.u12-rich-overview-deep{background:#f8f6ef}
.u12-rich-overview-grid{
    display:grid;
    grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
    gap:70px;
    align-items:start;
}
.u12-rich-overview h2,
.u12-rich-section-head h2{
    margin:0;
    color:#12251e;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(34px,3.2vw,54px)!important;
    line-height:1.05!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}
.u12-rich-prose{
    max-width:760px;
}
.u12-rich-prose p{
    margin:0 0 18px;
    color:#5d6963;
    font-size:16px;
    line-height:1.82;
}
.u12-rich-section-head{
    max-width:850px;
    margin-bottom:36px;
}

.u12-process-timeline{
    padding:18px 0 94px;
    background:#fff;
}
.u12-process-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:1px solid rgba(21,60,48,.13);
    border-left:1px solid rgba(21,60,48,.13);
}
.u12-process-card{
    min-height:315px;
    padding:30px 28px;
    border-right:1px solid rgba(21,60,48,.13);
    border-bottom:1px solid rgba(21,60,48,.13);
    background:#fff;
}
.u12-process-no{
    color:#b08a4a;
    font-family:"Manrope",Arial,sans-serif;
    font-size:13px;
    font-weight:850;
    letter-spacing:.08em;
}
.u12-process-phase,
.u12-category-code{
    margin-top:28px;
    color:#87918b;
    font-size:9px;
    font-weight:850;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.u12-process-card h3,
.u12-product-process-grid h3,
.u12-quality-system h3,
.u12-related-grid h3,
.u12-guide-grid h3,
.u12-storage-grid h3{
    margin:8px 0 12px;
    color:#173f31;
    font-family:"Manrope",Arial,sans-serif;
    font-size:21px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.025em;
}
.u12-process-card>p,
.u12-product-process-grid p,
.u12-quality-system p,
.u12-related-grid p,
.u12-guide-grid p{
    margin:0;
    color:#68736d;
    font-size:13px;
    line-height:1.7;
}
.u12-rich-detail{
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid rgba(21,60,48,.09);
}
.u12-rich-detail small{
    display:block;
    margin-bottom:5px;
    color:#9a7739;
    font-size:9px;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.u12-rich-detail span{
    color:#33473f;
    font-size:12px;
    line-height:1.55;
}

.u12-product-process{
    padding:88px 0 104px;
    background:#0d2f25;
}
.u12-product-process .u12-rich-section-head h2{color:#fff!important}
.u12-product-process .u12-eyebrow{color:#d8c08a}
.u12-product-process-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.u12-product-process-grid>article{
    padding:30px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    background:rgba(255,255,255,.045);
}
.u12-product-process-grid h3{color:#fff}
.u12-product-process-grid .u12-category-code{color:#d8c08a;margin-top:0}
.u12-product-process-grid dl{margin:20px 0 0}
.u12-product-process-grid dl>div{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    gap:18px;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.09);
}
.u12-product-process-grid dt{
    color:#d8c08a;
    font-size:10px;
    font-weight:800;
}
.u12-product-process-grid dd{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.6;
}

.u12-quality-system,
.u12-related-grid-section,
.u12-guide-grid-section,
.u12-storage-section{
    padding:20px 0 100px;
    background:#fff;
}
.u12-quality-system-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.u12-quality-system-grid>article,
.u12-related-grid>article{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:20px;
    padding:26px;
    border:1px solid rgba(21,60,48,.10);
    border-radius:13px;
    background:#fbfaf6;
}
.u12-quality-system-grid>article>span,
.u12-related-grid>article>span{
    color:#b08a4a;
    font-size:12px;
    font-weight:850;
}
.u12-quality-system-grid small{
    color:#9a7739;
    font-size:9px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.u12-quality-system-grid strong{
    display:block;
    margin-top:16px;
    color:#173f31;
    font-size:11px;
    font-weight:800;
}
.u12-quality-system-grid strong+p{margin-top:5px}

.u12-related-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.u12-guide-grid,
.u12-storage-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.u12-guide-grid>article,
.u12-storage-grid>article{
    padding:32px;
    border:1px solid rgba(21,60,48,.10);
    border-radius:15px;
    background:#fbfaf6;
}
.u12-guide-grid .u12-category-code,
.u12-storage-grid .u12-category-code{margin-top:0;color:#9a7739}
.u12-guide-mini{margin-top:20px}
.u12-guide-mini>div{
    padding:13px 0;
    border-top:1px solid rgba(21,60,48,.09);
}
.u12-guide-mini b{
    display:block;
    margin-bottom:5px;
    color:#173f31;
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
}
.u12-guide-mini span{
    color:#6c756f;
    font-size:12px;
    line-height:1.6;
}

.u12-storage-temp{
    margin:0 0 18px!important;
    padding:12px 14px;
    border-radius:8px;
    background:#eef3ed;
    color:#365848!important;
    font-size:12px!important;
    font-weight:700;
}
.u12-storage-grid dl{margin:0}
.u12-storage-grid dl>div{
    padding:14px 0;
    border-top:1px solid rgba(21,60,48,.08);
}
.u12-storage-grid dt{
    margin-bottom:5px;
    color:#9a7739;
    font-size:9px;
    font-weight:850;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.u12-storage-grid dd{
    margin:0;
    color:#68736d;
    font-size:12px;
    line-height:1.6;
}
.u12-storage-note{
    margin-top:18px;
    padding:15px;
    border-left:3px solid #b08a4a;
    background:#f2eee4;
}
.u12-storage-note strong{
    display:block;
    color:#173f31;
    font-size:10px;
    text-transform:uppercase;
}
.u12-storage-note span{
    display:block;
    margin-top:5px;
    color:#6d756f;
    font-size:11px;
    line-height:1.55;
}

/* Recipes */
.u12-recipe-hero{
    padding:82px 0;
    background:#173f31;
    color:#fff;
}
.u12-recipe-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:50px;
    align-items:end;
}
.u12-recipe-hero h1{
    max-width:850px;
    margin:0;
    color:#fff;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(44px,4.8vw,72px)!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:-.055em!important;
}
.u12-recipe-hero p{
    max-width:680px;
    margin:20px 0 0;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.7;
}
.u12-recipe-count{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}
.u12-recipe-count strong{
    color:#d8c08a;
    font-size:52px;
    line-height:1;
}
.u12-recipe-count span{
    margin-top:6px;
    color:rgba(255,255,255,.65);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.1em;
}
.u12-featured-recipe{
    padding:82px 0 48px;
    background:#fbfaf6;
}
.u12-featured-recipe-card{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    min-height:480px;
    overflow:hidden;
    border-radius:20px;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
    box-shadow:0 24px 60px rgba(13,47,37,.08);
}
.u12-recipe-media,
.u12-recipe-card-media,
.u12-recipe-detail-media{overflow:hidden;background:#e8e3d8}
.u12-recipe-media img,
.u12-recipe-card-media img,
.u12-recipe-detail-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.u12-recipe-placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    min-height:260px;
    background:
        radial-gradient(circle at 75% 20%,rgba(176,138,74,.17),transparent 32%),
        linear-gradient(145deg,#e9e4d8,#d8d3c6);
}
.u12-recipe-placeholder span{
    color:rgba(21,60,48,.35);
    font-family:Georgia,serif;
    font-size:30px;
    letter-spacing:.12em;
}
.u12-featured-recipe-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:44px;
}
.u12-featured-recipe-copy .u12-category-code{margin-top:0}
.u12-featured-recipe-copy h3{
    margin:10px 0 15px;
    color:#173f31;
    font-size:38px;
    line-height:1.05;
    letter-spacing:-.04em;
}
.u12-featured-recipe-copy>p{
    margin:0;
    color:#67716c;
    font-size:14px;
    line-height:1.7;
}
.u12-recipe-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px 24px;
    margin-top:24px;
}
.u12-recipe-meta span{
    color:#43534b;
    font-size:11px;
}
.u12-recipe-meta b{
    margin-right:5px;
    color:#9a7739;
    font-weight:800;
}
.u12-recipe-link{
    margin-top:30px;
    color:#173f31;
    font-size:12px;
    font-weight:850;
}
.u12-recipe-list{
    padding:50px 0 100px;
    background:#fbfaf6;
}
.u12-recipe-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.u12-recipe-card{
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
    box-shadow:0 12px 34px rgba(13,47,37,.055);
}
.u12-recipe-card-media{
    aspect-ratio:4/3;
}
.u12-recipe-card-copy{
    padding:24px;
}
.u12-recipe-card-copy small{
    color:#9a7739;
    font-size:9px;
    font-weight:850;
    letter-spacing:.1em;
}
.u12-recipe-card-copy h3{
    margin:8px 0 10px;
    color:#173f31;
    font-size:21px;
    line-height:1.2;
}
.u12-recipe-card-copy p{
    margin:0;
    color:#6b756f;
    font-size:12px;
    line-height:1.6;
}
.u12-recipe-card-copy>span{
    display:inline-block;
    margin-top:17px;
    color:#173f31;
    font-size:11px;
    font-weight:850;
}

.u12-recipe-detail-hero{
    padding:76px 0 86px;
    background:#f7f4ec;
}
.u12-recipe-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
    gap:70px;
    align-items:center;
}
.u12-back-link{
    display:inline-flex;
    margin-bottom:34px;
    color:#7b6841!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}
.u12-recipe-detail-copy h1{
    margin:0;
    color:#12251e;
    font-size:clamp(44px,4.8vw,70px)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
}
.u12-recipe-detail-copy>p{
    max-width:600px;
    margin:20px 0 0;
    color:#65716a;
    font-size:15px;
    line-height:1.75;
}
.u12-recipe-detail-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:30px;
}
.u12-recipe-detail-meta>div{
    padding:14px 15px;
    border:1px solid rgba(21,60,48,.09);
    border-radius:9px;
    background:#fff;
}
.u12-recipe-detail-meta small{
    display:block;
    color:#9a7739;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
}
.u12-recipe-detail-meta strong{
    display:block;
    margin-top:4px;
    color:#173f31;
    font-size:13px;
}
.u12-recipe-detail-media{
    aspect-ratio:4/3;
    border-radius:20px;
    box-shadow:0 24px 60px rgba(13,47,37,.08);
}
.u12-recipe-detail-body{
    padding:90px 0 110px;
    background:#fff;
}
.u12-recipe-columns{
    display:grid;
    grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
    gap:80px;
    align-items:start;
}
.u12-ingredient-card{
    position:sticky;
    top:140px;
    padding:30px;
    border-radius:15px;
    background:#173f31;
    color:#fff;
}
.u12-ingredient-card h2,
.u12-method h2{
    margin:0;
    font-size:32px;
    line-height:1.05;
    letter-spacing:-.035em;
}
.u12-ingredient-card h2{color:#fff}
.u12-ingredient-card ul{
    margin:24px 0 0;
    padding:0;
    list-style:none;
}
.u12-ingredient-card li{
    padding:11px 0;
    border-top:1px solid rgba(255,255,255,.11);
    color:rgba(255,255,255,.78);
    font-size:13px;
    line-height:1.55;
}
.u12-method h2{color:#173f31}
.u12-method ol{
    margin:30px 0 0;
    padding:0;
    list-style:none;
    counter-reset:method;
}
.u12-method li{
    counter-increment:method;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:18px;
    padding:22px 0;
    border-top:1px solid rgba(21,60,48,.10);
}
.u12-method li::before{
    content:counter(method,decimal-leading-zero);
    color:#b08a4a;
    font-size:12px;
    font-weight:850;
}
.u12-method li span{
    color:#415149;
    font-size:14px;
    line-height:1.7;
}
.u12-recipe-tip{
    margin-top:34px;
    padding:24px 26px;
    border-left:3px solid #b08a4a;
    background:#f4f0e6;
}
.u12-recipe-tip strong{
    color:#173f31;
    font-size:11px;
    font-weight:850;
    text-transform:uppercase;
}
.u12-recipe-tip p{
    margin:7px 0 0;
    color:#657069;
    font-size:13px;
    line-height:1.65;
}
.u12-empty-state{
    margin:40px auto;
    max-width:900px;
    padding:36px;
    text-align:center;
    border-radius:14px;
    background:#f4f0e6;
    color:#657069;
}

@media(max-width:991px){
    .u12-rich-overview-grid,
    .u12-recipe-detail-grid,
    .u12-recipe-columns{
        grid-template-columns:1fr;
        gap:38px;
    }
    .u12-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .u12-product-process-grid,
    .u12-quality-system-grid,
    .u12-related-grid,
    .u12-guide-grid,
    .u12-storage-grid{grid-template-columns:1fr}
    .u12-featured-recipe-card{grid-template-columns:1fr}
    .u12-recipe-media{aspect-ratio:16/9}
    .u12-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .u12-ingredient-card{position:static}
}
@media(max-width:640px){
    .u12-rich-overview{padding:62px 0 48px}
    .u12-process-timeline{padding-bottom:70px}
    .u12-process-grid{grid-template-columns:1fr}
    .u12-process-card{min-height:0}
    .u12-product-process{padding:64px 0 76px}
    .u12-product-process-grid dl>div{grid-template-columns:1fr;gap:4px}
    .u12-recipe-hero{padding:58px 0}
    .u12-recipe-hero-grid{grid-template-columns:1fr;gap:28px}
    .u12-recipe-count{align-items:flex-start}
    .u12-featured-recipe{padding:58px 0 34px}
    .u12-featured-recipe-copy{padding:28px 22px}
    .u12-featured-recipe-copy h3{font-size:30px}
    .u12-recipe-grid{grid-template-columns:1fr}
    .u12-recipe-detail-hero{padding:56px 0 64px}
    .u12-recipe-detail-media{aspect-ratio:1/1}
    .u12-recipe-detail-meta{grid-template-columns:1fr 1fr}
    .u12-recipe-detail-body{padding:64px 0 76px}
}


/* =========================================================
   V12.10 — NEWSROOM / MEDIA
   ========================================================= */

.u12-news-hero{
    padding:84px 0 88px;
    background:
        radial-gradient(circle at 82% 12%,rgba(216,192,138,.14),transparent 30%),
        linear-gradient(120deg,#0d2f25 0%,#173f31 70%,#205542 100%);
    color:#fff;
}
.u12-news-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:60px;
    align-items:end;
}
.u12-news-hero h1{
    max-width:780px;
    margin:0;
    color:#fff;
    font-family:"Manrope",Arial,sans-serif!important;
    font-size:clamp(50px,5vw,76px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.06em!important;
}
.u12-news-hero p{
    max-width:720px;
    margin:20px 0 0;
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.72;
}
.u12-news-count{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}
.u12-news-count strong{
    color:#d8c08a;
    font-size:58px;
    line-height:.9;
}
.u12-news-count span{
    margin-top:8px;
    color:rgba(255,255,255,.62);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.u12-news-featured{
    padding:80px 0 50px;
    background:#fbfaf6;
}
.u12-news-section-title{
    margin-bottom:22px;
}
.u12-news-section-title span{
    color:#8e6d34;
    font-size:10px;
    font-weight:850;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.u12-news-featured-card{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);
    min-height:520px;
    overflow:hidden;
    border-radius:19px;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
    box-shadow:0 24px 64px rgba(13,47,37,.08);
}
.u12-news-featured-media{
    min-height:520px;
    overflow:hidden;
}
.u12-news-featured-media img,
.u12-news-card-media img,
.u12-news-related-media img,
.u12-news-detail-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.u12-news-placeholder{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-height:260px;
    background:
        radial-gradient(circle at 76% 18%,rgba(216,192,138,.22),transparent 28%),
        linear-gradient(145deg,#173f31,#0d2f25);
}
.u12-news-placeholder span{
    color:#fff;
    font-family:Georgia,serif;
    font-size:38px;
    letter-spacing:.13em;
}
.u12-news-placeholder small{
    margin-top:10px;
    color:#d8c08a;
    font-size:9px;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.u12-news-featured-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:48px;
}
.u12-news-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 16px;
}
.u12-news-meta span{
    color:#8b6a31;
    font-size:9px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.u12-news-meta time{
    color:#89908c;
    font-size:10px;
}
.u12-news-featured-copy h2{
    margin:14px 0 18px;
    color:#173f31;
    font-size:clamp(32px,3.2vw,48px);
    line-height:1.06;
    letter-spacing:-.045em;
}
.u12-news-featured-copy p{
    margin:0;
    color:#66716b;
    font-size:14px;
    line-height:1.75;
}
.u12-news-featured-copy>strong{
    margin-top:28px;
    color:#173f31;
    font-size:12px;
}
.u12-news-list{
    padding:34px 0 105px;
    background:#fbfaf6;
}
.u12-news-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}
.u12-news-card{
    display:grid;
    grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
    overflow:hidden;
    min-height:315px;
    border-radius:15px;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
    box-shadow:0 12px 38px rgba(13,47,37,.05);
}
.u12-news-card-media{
    min-height:315px;
    overflow:hidden;
}
.u12-news-card-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:28px;
}
.u12-news-card-copy h2{
    margin:12px 0 11px;
    color:#173f31;
    font-size:23px;
    line-height:1.18;
    letter-spacing:-.03em;
}
.u12-news-card-copy p{
    margin:0;
    color:#6c756f;
    font-size:12px;
    line-height:1.65;
}
.u12-news-card-copy>strong{
    margin-top:18px;
    color:#173f31;
    font-size:10px;
}

/* Detail */
.u12-news-detail-hero{
    padding:82px 0 78px;
    background:#f7f4ec;
}
.u12-news-back{
    display:inline-flex;
    margin-bottom:48px;
    color:#806a3f!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}
.u12-news-detail-meta{
    display:flex;
    gap:12px 18px;
    align-items:center;
}
.u12-news-detail-meta span{
    color:#9a7739;
    font-size:10px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.u12-news-detail-meta time{
    color:#89908b;
    font-size:11px;
}
.u12-news-detail-hero h1{
    max-width:1100px;
    margin:17px 0 0;
    color:#12251e;
    font-size:clamp(46px,5.2vw,82px)!important;
    line-height:.99!important;
    letter-spacing:-.06em!important;
    font-weight:650!important;
}
.u12-news-deck{
    max-width:850px;
    margin:24px 0 0;
    color:#65716a;
    font-size:17px;
    line-height:1.72;
}
.u12-news-detail-media-wrap{
    padding:0 0 30px;
    background:#fff;
}
.u12-news-detail-media{
    aspect-ratio:16/8.5;
    overflow:hidden;
    border-radius:0 0 18px 18px;
}
.u12-news-article{
    padding:70px 0 98px;
    background:#fff;
}
.u12-news-article-grid{
    display:grid;
    grid-template-columns:180px minmax(0,760px);
    gap:72px;
    justify-content:center;
    align-items:start;
}
.u12-news-article-side{
    position:sticky;
    top:140px;
}
.u12-news-article-side>div{
    padding:14px 0;
    border-top:1px solid rgba(21,60,48,.10);
}
.u12-news-article-side small{
    display:block;
    color:#9b7738;
    font-size:8px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.u12-news-article-side strong{
    display:block;
    margin-top:5px;
    color:#173f31;
    font-size:11px;
}
.u12-news-copy-link{
    margin-top:5px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#173f31!important;
    font-size:11px!important;
    font-weight:800!important;
    cursor:pointer;
}
.u12-news-body{
    color:#405048;
    font-size:16px;
    line-height:1.85;
}
.u12-news-body>p{
    margin:0 0 22px;
}
.u12-news-body h2{
    margin:48px 0 17px;
    color:#173f31;
    font-size:31px;
    line-height:1.14;
    letter-spacing:-.035em;
}
.u12-news-body h3{
    margin:36px 0 12px;
    color:#173f31;
    font-size:22px;
}
.u12-news-body ul,
.u12-news-body ol{
    margin:18px 0 26px;
    padding-left:22px;
}
.u12-news-body li{margin:7px 0}
.u12-news-body blockquote{
    margin:34px 0;
    padding:22px 26px;
    border-left:3px solid #b08a4a;
    background:#f5f1e8;
    color:#173f31;
    font-size:18px;
    line-height:1.55;
}
.u12-news-body a{
    color:#815f25!important;
    text-decoration:underline;
}
.u12-news-cta{
    display:inline-flex;
    align-items:center;
    gap:16px;
    margin-top:30px;
    padding:15px 19px;
    border-radius:7px;
    background:#173f31;
    color:#fff!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
}
.u12-news-cta span{color:#d8c08a}
.u12-news-related{
    padding:72px 0 100px;
    background:#f7f4ec;
}
.u12-news-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.u12-news-related-grid>a{
    color:inherit!important;
    text-decoration:none!important;
}
.u12-news-related-media{
    aspect-ratio:16/10;
    overflow:hidden;
    border-radius:12px;
    background:#173f31;
}
.u12-news-related-grid .u12-news-meta{
    margin-top:15px;
}
.u12-news-related-grid h3{
    margin:9px 0 0;
    color:#173f31;
    font-size:19px;
    line-height:1.25;
}

@media(max-width:1100px){
    .u12-news-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
    .u12-news-featured-card{grid-template-columns:1fr}
    .u12-news-featured-media{min-height:0;aspect-ratio:16/9}
    .u12-news-card{grid-template-columns:280px minmax(0,1fr)}
    .u12-news-article-grid{grid-template-columns:1fr;gap:35px}
    .u12-news-article-side{
        position:static;
        display:flex;
        flex-wrap:wrap;
        gap:20px;
    }
    .u12-news-article-side>div{min-width:120px}
}
@media(max-width:640px){
    .u12-news-hero{padding:60px 0 64px}
    .u12-news-hero-grid{grid-template-columns:1fr;gap:28px}
    .u12-news-count{align-items:flex-start}
    .u12-news-featured{padding:56px 0 34px}
    .u12-news-featured-copy{padding:28px 22px}
    .u12-news-card{grid-template-columns:1fr}
    .u12-news-card-media{min-height:0;aspect-ratio:16/10}
    .u12-news-list{padding-bottom:70px}
    .u12-news-detail-hero{padding:58px 0 60px}
    .u12-news-back{margin-bottom:34px}
    .u12-news-detail-media{aspect-ratio:4/3;border-radius:0}
    .u12-news-article{padding:54px 0 72px}
    .u12-news-body{font-size:15px}
    .u12-news-related-grid{grid-template-columns:1fr}
}