/*
Theme Name: HZY Spices
Theme URI: https://hzyspices.com/
Author: HZY Web Team
Description: Custom multilingual product and editorial theme for HZY Spices.
Version: 0.2.9
Text Domain: hzy-spices
*/

:root{--ink:#17261f;--forest:#173c2a;--lime:#b6c874;--cream:#f4f1e8;--line:rgba(23,38,31,.14);--display:Georgia,serif;--sans:Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:900px;margin:0}.site-header{background:#fff;border-top:3px solid var(--forest);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:94px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:15px;max-width:340px}.brand img,.footer-brand img{width:185px;display:block}.brand span{font-size:11px;color:#667269;line-height:1.35}.primary-nav{margin-left:auto}.primary-nav ul,.footer-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.primary-nav a{font-size:13px;font-weight:700}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;padding:8px 12px}.language-switcher ul{display:flex;gap:5px;list-style:none;margin:0;padding:0}.language-switcher{font-size:11px}.language-switcher a{display:block;padding:5px 7px;border:1px solid var(--line)}.language-switcher .current-lang a{background:var(--forest);color:#fff}.page-hero{padding:100px 0 80px;background:var(--forest);color:#fff}.page-hero h1,.home-hero h1{font:600 clamp(42px,6vw,76px)/1.03 var(--display);margin:10px 0 24px}.page-hero .lead{max-width:780px}.lead{font-size:clamp(17px,2vw,22px);line-height:1.5;color:inherit;opacity:.82}.home-hero{padding:70px 0;background:linear-gradient(115deg,#fff 0 58%,#e6dfcf 58%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.hero-copy{padding:35px 0}.hero-image{position:relative}.hero-image img{display:block;width:100%;aspect-ratio:.92;object-fit:cover}.hero-image span{position:absolute;left:18px;bottom:18px;background:#fff;padding:8px 11px;font-size:10px;letter-spacing:.15em}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;border:1px solid var(--forest);padding:13px 20px;font-size:12px;font-weight:700}.button.primary{background:var(--forest);color:#fff}.section{padding:85px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-heading h2,.dark-section h2{font:600 clamp(34px,4.2vw,55px)/1.08 var(--display);max-width:760px;margin:8px 0 0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.line-card{position:relative;background:#fff;min-height:300px;overflow:hidden}.line-card.wide{grid-column:span 2}.line-card img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;transition:.3s}.line-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.line-card span,.line-card h3{position:absolute;z-index:2;color:#fff;left:20px}.line-card span{top:18px;background:rgba(23,60,42,.9);padding:5px 8px;font-size:11px}.line-card h3{bottom:20px;margin:0;font:600 30px/1.1 var(--display)}.line-card:hover img{transform:scale(1.025)}.dark-section{background:var(--forest);color:#fff}.dark-section .eyebrow{color:var(--lime)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid rgba(255,255,255,.2)}.value-grid article{padding:28px 28px 10px 0;border-right:1px solid rgba(255,255,255,.2)}.value-grid b{color:var(--lime);font-size:11px}.value-grid h3{font:600 27px var(--display);margin:35px 0 10px}.value-grid p{color:#c8d1cc}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line)}.product-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.product-card-body{padding:22px}.product-card h2,.product-card h3{font:600 27px/1.15 var(--display);margin:0 0 10px}.eyebrow{color:#6f8250;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.product-data{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin:30px 0}.product-data div{background:#fff;padding:18px}.product-data dt,.meta-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#728071}.product-data dd{margin:5px 0 0}.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.stat-grid div{background:#fff;padding:30px 20px}.stat-grid b{display:block;font:600 48px var(--display)}.stat-grid span{font-size:12px;color:#69756e}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-grid article{background:#fff;padding:30px;border-top:3px solid var(--forest)}.process-grid b{color:#7d9052}.process-grid h2{font:600 27px var(--display)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-data{background:#fff;margin:0;padding:35px}.contact-data dt{font-size:10px;font-weight:700;letter-spacing:.1em;color:#7a877e;margin-top:20px}.contact-data dt:first-child{margin-top:0}.contact-data dd{margin:6px 0;font:600 22px/1.35 var(--display)}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1.1fr .8fr 1.2fr .7fr;gap:42px;padding:52px 0}.footer-main h2{font:600 25px var(--display)}.footer-nav ul{display:block}.footer-nav li{margin:7px 0}.footer-brand p{font-size:13px;color:#667269;max-width:240px}.qr img{width:128px}.qr p{font-size:11px;color:#657069}.footer-bottom{background:#111;color:#ddd;text-align:center;padding:14px;font-size:11px}html[dir=rtl] body{text-align:right}html[dir=rtl] .primary-nav{margin-left:0;margin-right:auto}html[dir=rtl] .line-card span,html[dir=rtl] .line-card h3{left:auto;right:20px}
@media(max-width:900px){.brand span{display:none}.nav-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:94px;background:#fff;border-bottom:1px solid var(--line);padding:15px 20px}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-grid{gap:35px}.line-grid{grid-template-columns:1fr 1fr}.line-card.wide{grid-column:span 2}.footer-main{grid-template-columns:1fr 1fr}.content-layout,.contact-layout{gap:35px}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1180px)}.header-inner{min-height:74px}.brand img{width:145px}.primary-nav{top:74px}.primary-nav ul{grid-template-columns:1fr 1fr}.language-switcher{max-width:92px;overflow:auto}.home-hero{padding:35px 0;background:#fff}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-image img{aspect-ratio:1.15}.page-hero{padding:65px 0 50px}.section{padding:52px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:15px}.line-grid{grid-template-columns:1fr 1fr;gap:10px}.line-card,.line-card img{min-height:210px}.line-card.wide{grid-column:span 2}.line-card h3{font-size:23px}.value-grid,.process-grid,.content-layout,.contact-layout{grid-template-columns:1fr}.value-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding-right:0}.product-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr;gap:26px;padding:35px 0}.contact-data dd{font-size:18px}}
@media(max-width:440px){.product-grid,.stat-grid{grid-template-columns:1fr}.product-data{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-main .footer-brand,.footer-main .qr{grid-column:span 2}.line-card,.line-card img{min-height:180px}.line-card h3{font-size:20px}.line-card span{top:10px;left:10px}.line-card h3{left:12px;bottom:12px}}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.catalog-filters a{background:#fff;border:1px solid var(--line);padding:9px 13px;font-size:12px;font-weight:700}.navigation.pagination{margin-top:36px}.nav-links{display:flex;justify-content:center;gap:6px}.page-numbers{background:#fff;border:1px solid var(--line);min-width:38px;padding:8px;text-align:center}.page-numbers.current{background:var(--forest);color:#fff}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.product-visual img{width:100%;display:block;background:#fff}.product-information .lead{color:var(--ink)}
@media(max-width:640px){.product-detail{grid-template-columns:1fr;gap:28px}.catalog-filters{overflow:auto;flex-wrap:nowrap}.catalog-filters a{white-space:nowrap}}

/* Compact mobile rhythm: reduce accumulated vertical space without shrinking tap targets. */
@media(max-width:640px){
  .wrap{width:min(100% - 24px,1180px)}
  .header-inner{min-height:66px;gap:12px}
  .brand img{width:132px}
  .primary-nav{top:66px;padding:10px 12px}
  .home-hero{padding:20px 0}
  .hero-grid{gap:14px}
  .hero-copy{padding:4px 0}
  .page-hero h1,.home-hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1;margin:6px 0 14px}
  .lead{font-size:16px;line-height:1.4;margin:0}
  .actions{gap:8px;margin-top:18px}
  .button{padding:10px 13px}
  .hero-image img{aspect-ratio:1.55}
  .hero-image span{left:10px;bottom:10px;padding:6px 8px}
  .page-hero{padding:42px 0 34px}
  .section{padding:34px 0}
  .section-heading{margin-bottom:20px}
  .section-heading h2,.dark-section h2{font-size:clamp(30px,9vw,38px);line-height:1.05;margin-top:5px}
  .section-heading .text-link{margin-top:10px}
  .line-grid{gap:8px}
  .line-card,.line-card img{min-height:160px}
  .line-card h3{font-size:20px}
  .value-grid{margin-top:24px}
  .value-grid article{padding:16px 0 14px}
  .value-grid h3{font-size:24px;line-height:1.12;margin:10px 0 6px}
  .value-grid p{margin:0;line-height:1.42}
  .product-grid{gap:12px}
  .product-card-body{padding:16px}
  .product-card h2,.product-card h3{font-size:23px;line-height:1.12;margin-bottom:7px}
  .product-card-body p{margin:7px 0 0;line-height:1.4}
  .footer-main{gap:16px;padding:26px 0}
  .footer-main h2{font-size:22px;margin:0 0 10px}
  .footer-brand img{width:155px}
  .footer-brand p{margin:8px 0 0;line-height:1.4}
  .footer-nav li{margin:4px 0}
  .footer-main section>p{margin:6px 0}
  .footer-main .meta-label{margin-top:13px}
  .qr img{width:100px}
  .footer-bottom{padding:10px 12px}
}
@media(max-width:440px){
  .line-card,.line-card img{min-height:150px}
  .value-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 6px;border-top:0}
  .value-grid article{flex:0 0 84%;scroll-snap-align:start;border:1px solid rgba(255,255,255,.2);padding:16px;min-height:180px}
  .value-grid article:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
  .news-preview .product-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .news-preview .product-card{flex:0 0 84%;scroll-snap-align:start}
  .value-grid,.news-preview .product-grid{scrollbar-width:thin}
  .footer-main{grid-template-columns:1fr 1.12fr;column-gap:14px;row-gap:16px}
  .footer-main .footer-brand{grid-column:span 2}
  .footer-main .qr{grid-column:span 2;display:grid;grid-template-columns:auto 100px 1fr;align-items:center;gap:12px}
  .footer-main .qr h2,.footer-main .qr p{margin:0}
  .footer-main{font-size:14px;line-height:1.4}
}

.floating-contact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:80;display:grid;gap:2px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}.floating-contact-primary{position:relative}.floating-contact summary,.floating-contact-link{width:52px;height:52px;border:0;background:#779d38;color:#fff;display:grid;place-items:center;cursor:pointer;list-style:none}.floating-contact summary::-webkit-details-marker{display:none}.floating-contact svg{width:25px;height:25px;fill:currentColor}.floating-contact summary span{position:absolute;right:52px;top:0;height:52px;display:flex;align-items:center;background:#173c2a;color:#fff;padding:0 15px;font-size:12px;white-space:nowrap;opacity:0;transform:translateX(8px);pointer-events:none;transition:.2s}.floating-contact summary:hover span,.floating-contact summary:focus-visible span{opacity:1;transform:none}.floating-contact-card{position:absolute;right:62px;top:0;width:178px;padding:14px;background:#fff;border:1px solid var(--line);text-align:center}.floating-contact-card strong,.floating-contact-card small{display:block}.floating-contact-card img{width:142px;display:block;margin:8px auto}.floating-contact details:not([open]) .floating-contact-card{display:none}.floating-contact-link:hover,.floating-contact summary:hover{background:#5e8427}.floating-contact-link:focus-visible,.floating-contact summary:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.social-links a{width:36px;height:36px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;color:#fff;transition:.2s}.social-links svg{width:18px;height:18px;fill:currentColor}.social-links a[aria-label="Facebook"]{background:#1877f2}.social-links a[aria-label="Instagram"]{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045)}.social-links a[aria-label="YouTube"]{background:#f00}.social-links a[aria-label="TikTok"]{background:#010101;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55}.social-links a[aria-label="X"]{background:#000}.social-links a[aria-label="LinkedIn"]{background:#0a66c2}.social-links a:hover,.social-links a:focus-visible{color:#fff;transform:translateY(-2px) scale(1.06);box-shadow:0 5px 12px rgba(0,0,0,.2)}
@media(max-width:640px){.floating-contact{right:8px;top:auto;bottom:18px;transform:none;gap:1px}.floating-contact summary,.floating-contact-link{width:44px;height:44px}.floating-contact svg{width:21px;height:21px}.floating-contact summary span{display:none}.floating-contact-card{right:51px;top:auto;bottom:0;width:150px;padding:10px}.floating-contact-card img{width:116px;margin:6px auto}.admin-bar .floating-contact{bottom:10px}}
@media(max-width:440px){.social-links{gap:6px;margin-top:13px}.social-links a{width:32px;height:32px}.social-links svg{width:15px;height:15px}}


/* Mobile heading refinement */
@media (max-width: 620px){
  .home-hero h1,.page-hero h1{font-size:36px;line-height:1.14;letter-spacing:-.02em}
  .section-heading h2,.dark-section h2{font-size:30px;line-height:1.16;letter-spacing:-.02em}
}