@font-face{font-family:"Didact Gothic";src:url("../fonts/didact-gothic-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--orange:#ed6a2c;--orange-dark:#c84d17;--yellow:#f4b04b;--cream:#fff7e8;--ink:#241b16;--green:#507b4e;--white:#fff;--line:rgba(36,27,22,.14);--shadow:0 20px 60px rgba(80,45,18,.14);--radius:26px;--shell:min(1180px,calc(100% - 40px));--title-font:"Didact Gothic",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS","Gill Sans",sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--orange-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--title-font);font-weight:400;letter-spacing:-.025em;line-height:1.16}
h1{font-size:clamp(3.2rem,8vw,7.5rem);margin:.1em 0}
h2{font-size:clamp(2.2rem,5vw,4.5rem);margin:.25em 0}
h3{font-size:clamp(1.35rem,2.4vw,2rem);margin:.35em 0}
p{margin-top:0}
.shell{width:var(--shell);margin-inline:auto}
.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:9999;background:var(--ink);color:#fff;padding:.7rem 1rem;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(237,106,44,.96);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.18)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:2rem;justify-content:space-between}
.brand{display:block;position:relative;z-index:3}
.brand img,.custom-logo{width:190px;max-height:64px;object-fit:contain}
.primary-nav ul{display:flex;align-items:center;gap:clamp(.65rem,1.8vw,1.5rem);list-style:none;margin:0;padding:0}
.primary-nav li{position:relative}
.primary-nav a{display:block;color:#fff;font-family:var(--title-font);font-size:1.1rem;font-weight:700;text-decoration:none;padding:1.7rem 0}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:#33160b}
.primary-nav .sub-menu{position:absolute;display:block;opacity:0;visibility:hidden;transform:translateY(8px);top:100%;left:-1.2rem;min-width:230px;background:#fff;padding:.7rem 1.2rem;border-radius:0 0 16px 16px;box-shadow:var(--shadow);transition:.2s}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.primary-nav .sub-menu a{color:var(--ink);padding:.6rem 0;border-bottom:1px solid var(--line)}
.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:9px;cursor:pointer;position:relative;z-index:3}
.menu-toggle>span:not(.screen-reader-text){display:block;height:3px;background:#fff;border-radius:3px;margin:5px 0;transition:.2s}
.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.site-main{min-height:60vh;overflow:hidden}
.yemita-hero{isolation:isolate;min-height:min(66vh,590px)!important;padding:3.75rem 0}
.yemita-hero>.wp-block-cover__background{background:transparent!important;opacity:1!important}
.yemita-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 72% 115% at 18% 50%,rgba(45,21,10,.46) 0%,rgba(45,21,10,.26) 40%,rgba(45,21,10,.08) 62%,transparent 100%);z-index:0}
.yemita-hero .wp-block-cover__inner-container{width:var(--shell);z-index:1}
.yemita-hero .wp-block-group{max-width:690px;margin:0!important}
.yemita-hero h1{color:#fff;font-size:clamp(3rem,5vw,5.4rem);text-wrap:balance;text-shadow:0 3px 25px rgba(0,0,0,.25)}
.yemita-hero h2{font-family:var(--title-font);font-size:clamp(1.35rem,3vw,2.25rem);font-weight:400;letter-spacing:-.02em;color:#fff;max-width:580px;text-align:left!important;margin-left:0!important;margin-right:0!important}
.yemita-hero .eyebrow{color:var(--yellow)}
.yemita-hero .hero-quality-seal{width:min(100%,440px);margin:.8rem 0 1.1rem!important}
.yemita-hero .hero-quality-seal img{display:block;width:100%;height:auto;box-shadow:none}
.wp-block-button__link,button{transition:transform .18s,box-shadow .18s,background .18s}
.wp-block-button__link:hover,.contact-form button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(45,21,10,.2)}
.home-entry>.wp-block-cover,.home-entry>.wp-block-columns{margin-block:0!important}
.home-entry>.wp-block-columns+.wp-block-columns{margin-block-start:0!important}
.feature-split{gap:0!important;margin-top:0!important;margin-bottom:0!important;max-width:none!important;align-items:stretch!important}
.feature-panel{padding:0!important;min-height:400px;display:flex;flex-direction:column;align-self:stretch!important;margin:0!important;overflow:hidden}
.feature-panel.orange{background:var(--orange);color:#fff;padding-left:max(2rem,calc((100vw - 1180px)/2))}
.feature-panel.yellow{background:var(--yellow);padding-right:max(2rem,calc((100vw - 1180px)/2))}
.feature-panel h2{font-size:clamp(2.5rem,4.5vw,4.4rem);max-width:590px}
.feature-panel p:not(.eyebrow){font-size:1.15rem;max-width:520px}
.feature-panel .wp-block-button__link{border:2px solid currentColor!important;background:transparent!important;color:inherit!important}
.feature-panel>.home-feature-cover{flex:1 1 auto!important;height:100%!important}
.home-feature-cover{width:100%;min-height:400px!important;margin:0!important;padding:clamp(3rem,6vw,5.5rem) clamp(2rem,5vw,6rem)!important;isolation:isolate;overflow:hidden;background-color:#4c2414;background-repeat:no-repeat!important}
.home-feature-cover .wp-block-cover__image-background{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.home-feature-cover>.wp-block-cover__background{background:radial-gradient(ellipse 82% 115% at 20% 50%,rgba(34,18,10,.44) 0%,rgba(34,18,10,.23) 42%,rgba(34,18,10,.07) 62%,transparent 100%)!important;opacity:1!important}
.home-feature-cover .wp-block-cover__inner-container{width:100%;max-width:590px!important;margin:0!important;color:#fff}
.home-feature-cover .eyebrow{color:var(--yellow)}
.home-feature-cover h2,.home-feature-cover p{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.42)}
.home-feature-cover .wp-block-button__link{color:#fff!important;border-color:#fff!important;background:rgba(0,0,0,.12)!important}
.home-feed{padding:clamp(5rem,9vw,9rem) 0}
.home-products{background:#fffaf1;position:relative}
.home-recipes{background:var(--green);color:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem}
.section-heading h2{margin:0}
.section-heading .eyebrow{color:var(--orange);margin:0}
.home-recipes .section-heading .eyebrow{color:var(--yellow)}
.home-recipes .text-link{color:#fff}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-slider{position:relative}
.product-slider__track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.2rem 0 1.2rem;scrollbar-width:none}
.product-slider__track::-webkit-scrollbar{display:none}
.product-slider__items{display:flex;gap:1.6rem;width:max-content}
.product-slider__items .product-card{width:clamp(245px,23vw,300px);flex:0 0 clamp(245px,23vw,300px);scroll-snap-align:start}
.slider-controls{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.3rem}
.slider-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--orange);border-radius:50%;background:#fff;color:var(--orange);font:400 1.5rem/1 var(--title-font);cursor:pointer}
.slider-button:hover,.slider-button:focus-visible{background:var(--orange);color:#fff;box-shadow:none;transform:none}
.content-card{background:#fff;border-radius:var(--radius);overflow:hidden;color:var(--ink);box-shadow:0 1px 0 var(--line);transition:transform .25s,box-shadow .25s}
.content-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.card-media{aspect-ratio:4/3;display:block;overflow:hidden;background:#ffe3a8;text-decoration:none}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.content-card:hover .card-media img{transform:scale(1.035)}
.product-card .card-media img{object-fit:contain;padding:1.2rem;background:#fff}
.card-body{padding:1.5rem}
.card-body h2,.card-body h3{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.25;margin-top:0}
.card-body h2 a,.card-body h3 a{text-decoration:none;color:inherit}
.card-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--orange)}
.price{font-size:1.2rem;font-weight:800;color:var(--green)}
.text-link{font-weight:800;text-decoration:none}
.placeholder-art{height:100%;display:grid;place-items:center;font:700 7rem Georgia,serif;color:rgba(237,106,44,.4)}
.page-hero{min-height:350px;background-image:linear-gradient(90deg,rgba(40,20,10,.76),rgba(40,20,10,.2)),var(--hero);background-position:center;background-size:cover;display:flex;align-items:end;color:#fff;padding:3.75rem 0}
.page-hero.compact{min-height:auto;background:var(--yellow);color:var(--ink);padding:3.75rem 0}
.page-hero.compact h1{font-size:clamp(2.45rem,4.6vw,4.4rem)}
.page-hero h1{max-width:900px;font-size:clamp(2.45rem,4.6vw,4.4rem);line-height:1.08}
.yemita-breadcrumbs{padding-top:1.15rem;color:rgba(36,27,22,.72);font-size:.82rem;letter-spacing:.02em}
.page-entry>.yemita-breadcrumbs,.single-entry>.yemita-breadcrumbs{width:min(840px,calc(100% - 40px))}
.page-id-15>.yemita-breadcrumbs{width:min(1100px,calc(100% - 40px))}
.page-hero+.yemita-breadcrumbs{margin-top:0}
.single-header+.yemita-breadcrumbs{margin-bottom:1.5rem}
.yemita-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.yemita-breadcrumbs li{display:flex;align-items:center;gap:.45rem}
.yemita-breadcrumbs a{color:var(--orange-dark);text-decoration:none}
.yemita-breadcrumbs a:hover{text-decoration:underline}
.yemita-breadcrumbs [aria-current=page]{color:var(--ink);font-weight:700}
.breadcrumb-separator{color:var(--yellow);font-weight:800}
.page-hero p:not(.eyebrow){font-size:1.3rem}
.page-entry>.page-hero>.shell,.single-entry>.page-hero>.shell{width:min(840px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.entry-content{width:min(840px,calc(100% - 40px));margin:clamp(4rem,8vw,8rem) auto}
.entry-content>.alignwide{width:min(1180px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}
.entry-content>.alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}
.entry-content p,.entry-content li{font-size:1.08rem}
.entry-content h2{font-size:clamp(1.9rem,3.5vw,3.25rem);line-height:1.2;margin-top:1.35em}
.entry-content .wp-block-media-text{gap:3rem}
.entry-content .wp-block-media-text img{border-radius:var(--radius);box-shadow:var(--shadow)}
.section-space{padding:clamp(4rem,8vw,8rem) 0}
.archive-group+ .archive-group{margin-top:6rem}
.archive-group>h2{border-bottom:2px solid var(--orange);padding-bottom:.6rem;margin-bottom:2.4rem}
.single-header{padding:clamp(5rem,9vw,9rem) 0 3rem;max-width:900px}
.single-header h1{font-size:clamp(2.35rem,4.8vw,4.6rem);line-height:1.08}
.single-header .eyebrow{color:var(--orange)}
.lede{font-size:1.3rem;max-width:720px}
.single-media{max-width:1100px}
.single-media img{width:100%;max-height:680px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.single-producto .single-media img{object-fit:contain;background:#fff}
.ingredients,.product-facts{padding:2rem;background:#ffe7b9;border-radius:var(--radius);margin-bottom:3rem}
.ingredients h2{margin-top:0;font-size:2.2rem}
.product-facts{display:flex;gap:4rem}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:clamp(1.5rem,4vw,3rem);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin:3rem 0}
.contact-form p{margin:0}
.contact-form .full{grid-column:1/-1}
.contact-form label{font-weight:800;font-size:.9rem}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fffaf1;padding:.85rem 1rem;font:inherit;margin-top:.4rem}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(244,176,75,.45);border-color:var(--orange)}
.contact-form button{border:0;border-radius:999px;background:var(--orange);color:#fff;padding:.9rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:800;cursor:pointer}
.form-trap{position:absolute;left:-9999px}
.form-notice{padding:1rem 1.2rem;border-radius:12px;font-weight:700}
.form-notice.success{background:#dcebd9;color:#234522}.form-notice.error{background:#fce0db;color:#7b2417}
.price-table-wrap{overflow-x:auto;margin:3rem 50%;width:min(1100px,calc(100vw - 40px));transform:translateX(-50%);border-radius:18px;box-shadow:var(--shadow)}
.page-id-15 .page-hero>.shell,.page-id-15 .entry-content{width:min(1100px,calc(100% - 40px))}
.page-id-15 .price-table-wrap{width:100%;margin:3rem 0;transform:none}
.price-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}
.price-table th,.price-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--line)}
.price-table thead{background:var(--orange);color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.price-table tbody th{color:var(--orange);font-size:1.1rem}.price-table tbody tr:nth-child(even){background:#fff8eb}
.pagination .nav-links{display:flex;gap:.4rem;justify-content:center;margin-top:4rem}
.pagination a,.pagination span{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:#fff;text-decoration:none}
.pagination .current{background:var(--orange);color:#fff}
.site-footer{background:var(--ink);color:#fff;padding:5rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:4rem}
.footer-logo{width:200px;margin-bottom:1rem}
.site-footer h2{font:400 1.1rem var(--title-font);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.site-footer a{color:#fff}
.site-footer ul{list-style:none;padding:0}
.footer-legal{border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;margin-top:3rem;font-size:.85rem;color:rgba(255,255,255,.65)}
@media(max-width:980px){.menu-toggle{display:block}.site-header.menu-open{height:100dvh;background:#ed6a2c!important;backdrop-filter:none}.primary-nav{position:fixed;inset:0;z-index:2;background:#ed6a2c!important;background-image:none!important;padding:7rem 2rem 2rem;opacity:0;visibility:hidden;transition:.2s}.primary-nav.is-open{opacity:1;visibility:visible}.primary-nav ul{display:block}.primary-nav a{font:400 2rem var(--title-font);padding:.45rem 0}.primary-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;padding:0 0 .5rem 1.2rem}.primary-nav .sub-menu a{font:400 1.1rem var(--title-font);color:#fff;border:0}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.primary-nav.is-open{background-color:#ed6a2c!important;background-image:none!important}
@media(max-width:680px){.yemita-hero:after,.home-feature-cover>.wp-block-cover__background{background:radial-gradient(ellipse 115% 90% at 50% 50%,rgba(34,18,10,.42) 0%,rgba(34,18,10,.19) 48%,transparent 100%)!important}:root{--shell:min(100% - 28px,1180px)}body{font-size:16px}.header-inner{min-height:70px}.brand img,.custom-logo{width:150px}.feature-split{display:block!important}.feature-panel{min-height:370px;padding:0!important}.home-feature-cover{min-height:370px!important;padding:4rem 1.4rem!important}.section-heading{align-items:start;display:block}.section-heading .text-link{display:inline-block;margin-top:1rem}.card-grid,.products-grid{grid-template-columns:1fr}.page-hero{min-height:390px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:2rem}.product-facts{display:block}.entry-content .wp-block-media-text{display:block}.entry-content .wp-block-media-text__content{padding:0 0 2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
