:root{--navy:#0c1d38;--gold:#b78b40;--ink:#14223a;--line:#e7e9ed;--muted:#657287;--paper:#fff}html{scroll-behavior:smooth}body{background:#f7f8fa;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}header{position:sticky;top:0;z-index:10;border-bottom:1px solid #e7eaf0;box-shadow:0 2px 16px #13203a0c}.top-strip{background:#f5f6f8;border-bottom:1px solid #e8e9ec;color:#4c5b70;font-size:11px;letter-spacing:.25px}.top-strip-inner{max-width:1260px;margin:auto;padding:8px 22px;display:flex;justify-content:space-between;gap:10px}.bar{max-width:1260px;padding:19px 22px;gap:24px}.brand{font-size:clamp(21px,3vw,30px);font-weight:900;color:var(--navy);letter-spacing:-1.2px;white-space:nowrap}.brand span{font-weight:400}.brand small{font-size:9px;letter-spacing:2.1px;color:#64748b;font-weight:600;margin-top:2px}.bar nav{gap:9px;align-items:center}button{background:var(--navy);border-radius:5px;padding:11px 15px;transition:background .2s,transform .2s}button:hover{background:#203a5e}button:active{transform:scale(.98)}button.light{background:#eef2f7;color:var(--navy)}button.outline{border:1px solid #dce2e9;color:var(--navy)}#cartBtn{background:var(--gold);color:#fff}#adminBtn{background:transparent;border:1px solid #dce2e9}main{max-width:1260px;padding:0 22px 34px}.nav-strip{background:var(--navy);color:#fff}.nav-strip-inner{max-width:1260px;margin:auto;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:0 22px;scrollbar-width:none}.nav-strip button{background:transparent;border-radius:0;white-space:nowrap;font-weight:600;font-size:13px;padding:15px 18px}.nav-strip button:hover,.nav-strip button.active{background:var(--gold)}.hero{border-radius:0;min-height:340px;padding:54px 46px;background:linear-gradient(90deg,rgba(247,248,250,.98) 0%,rgba(247,248,250,.96) 35%,rgba(247,248,250,.10) 75%),url('./assets/hero-products.webp') center right/cover no-repeat;color:var(--navy);display:flex;align-items:center;margin:0 -22px}.hero-inner{max-width:540px}.hero small{color:var(--gold);font-size:13px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(32px,4.5vw,54px);line-height:1.08;letter-spacing:-1.8px;margin:14px 0 16px}.hero p{font-size:15px;line-height:1.75;max-width:470px}.hero-cta{background:var(--gold);margin-top:16px;display:inline-block;padding:15px 22px;text-decoration:none;color:white;font-size:14px;font-weight:700;border-radius:5px}.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 32px}.category-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #13203a0b;cursor:pointer;text-align:start;padding:0;color:var(--ink)}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #13203a19;background:white}.category-card img{display:block;width:100%;height:130px;object-fit:cover;background:#f0f1f2}.category-card strong{display:block;font-size:14px;margin:13px 13px 3px}.category-card small{display:block;color:var(--muted);margin:0 13px 14px;font-size:11px}.intro-strip{background:var(--navy);color:#fff;border-radius:9px;padding:24px 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:12px 0 28px}.intro-strip h2{margin:4px 0 8px;font-size:25px}.intro-strip p{font-size:13px;line-height:1.7;color:#e4e9ef}.intro-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.intro-features span{border-left:2px solid var(--gold);padding-left:12px;font-size:13px}.tools{margin:20px 0 18px}.tools input{flex:2;min-width:160px}.tools select{flex:1;min-width:120px}input,select,textarea{border-radius:6px;border-color:#dce2ea}#shop>h2{font-size:27px;letter-spacing:-.7px;color:var(--navy);margin:22px 0 6px}.section-subtitle{margin:0 0 18px;color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:17px}.product{border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 13px #172a4009;transition:box-shadow .2s}.product:hover{box-shadow:0 8px 24px #172a401b}.product .photo{height:215px;background:#f2f2f2;font-size:52px}.product .photo img{object-fit:cover}.info{padding:17px}.info h3{font-size:16px;line-height:1.35;color:var(--navy);min-height:20px}.info>.muted{line-height:1.5}.price{font-size:19px;color:var(--gold);margin:14px 0}.actions button,.info>button{background:var(--gold);font-size:12px}.panel{border-radius:9px;border-color:var(--line);box-shadow:0 4px 18px #162b4010}footer{background:var(--navy);color:#cbd5e1;padding:34px 15px;margin-top:35px;font-size:12px}.footer-inner{max-width:1200px;margin:auto}.footer-inner b{font-size:18px;color:white}.footer-inner p{margin:9px 0 0}.trust-strip{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding:20px 4px;margin-top:32px;border-top:1px solid var(--line);color:var(--navy);font-size:12px;font-weight:600}.trust-strip span{display:flex;gap:8px;align-items:center}.trust-strip i{font-style:normal;color:var(--gold);font-size:20px}.variant{border-radius:6px}.variant-list{max-height:290px;overflow:auto}body[dir=rtl] .hero{background-image:linear-gradient(270deg,rgba(247,248,250,.98) 0%,rgba(247,248,250,.96) 35%,rgba(247,248,250,.10) 75%),url('./assets/hero-products.webp')}body[dir=rtl] .intro-features span{border-left:0;border-right:2px solid var(--gold);padding-left:0;padding-right:12px}@media(max-width:760px){.top-strip-inner{padding:7px 14px}.bar{padding:12px 14px;gap:9px}.brand{font-size:21px}.brand small{font-size:8px}.bar nav{gap:5px}.bar nav button{padding:9px 10px;font-size:12px}.nav-strip-inner{padding:0 5px}.nav-strip button{padding:12px 13px;font-size:12px}main{padding:0 14px 22px}.hero{margin:0 -14px;min-height:320px;padding:30px 23px;background-image:linear-gradient(90deg,rgba(247,248,250,.97),rgba(247,248,250,.88) 55%,rgba(247,248,250,.25)),url('./assets/hero-products.webp');background-position:center}.hero-inner{max-width:380px}.hero h1{font-size:34px}.hero p{font-size:13px}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card img{height:108px}.category-card strong{font-size:12px;margin:10px 9px 3px}.category-card small{font-size:10px;margin:0 9px 12px}.intro-strip{grid-template-columns:1fr;padding:21px}.intro-strip h2{font-size:21px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product .photo{height:150px}.info{padding:11px}.info h3{font-size:14px}.price{font-size:15px}.actions{flex-wrap:wrap}.actions input{width:60px}.actions button{min-width:90px}.trust-strip{gap:12px}.trust-strip span{width:45%}}@media(max-width:390px){.grid{grid-template-columns:1fr}.product .photo{height:210px}.bar nav button{padding:8px}.brand{font-size:18px}.category-card img{height:90px}}

/* Professional catalogue photography */
.category-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.category-card img{object-fit:cover;object-position:center}
@media(max-width:900px){.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:901px){.category-card img{height:155px}}

/* Mobile layout repair: keep the entire page within the device width. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.bar,.top-strip-inner,main,.nav-strip-inner{box-sizing:border-box;min-width:0}
.brand{min-width:0}
.brand small{display:block;white-space:normal;line-height:1.4}
.nav-strip-inner{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.nav-strip-inner button{flex:0 0 auto}
.hero-inner,.intro-strip>*{min-width:0}
@media(max-width:760px){
 .top-strip-inner{gap:6px;font-size:10px;flex-wrap:wrap}
 .top-strip-inner span{max-width:100%}
 .bar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:13px 14px}
 .brand{font-size:clamp(21px,6vw,27px);white-space:normal;line-height:1.15}
 .brand small{font-size:8px;letter-spacing:1.3px;margin-top:6px}
 .bar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
 .bar nav button{width:100%;min-width:0;padding:10px 3px;font-size:clamp(10px,2.8vw,13px);white-space:nowrap}
 .nav-strip-inner{gap:0;padding-inline:8px}
 .nav-strip button{padding:13px 12px;font-size:12px}
 .hero{padding:29px 18px;min-height:305px}
 .hero-inner{width:100%;max-width:100%}
 .hero h1{font-size:clamp(28px,8vw,36px);overflow-wrap:break-word}
 .hero p{font-size:13px;max-width:95%}
 .hero-cta{max-width:100%;white-space:normal}
 .category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-card{min-width:0}
 .intro-strip{grid-template-columns:minmax(0,1fr)}
 .intro-features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tools{flex-wrap:wrap}
 .tools input,.tools select{max-width:100%}
}
@media(max-width:390px){.bar nav{gap:4px}.bar nav button{font-size:10px}.category-card img{height:100px}}
body[dir="rtl"] .bar,body[dir="rtl"] .top-strip-inner{direction:rtl}
body[dir="rtl"] .bar nav{direction:rtl}
body[dir="rtl"] .nav-strip-inner{direction:rtl}
body[dir="rtl"] .category-card{text-align:right}
body[dir="rtl"] .hero{text-align:right}
body[dir="rtl"] .hero{background-image:linear-gradient(270deg,rgba(247,248,250,.98),rgba(247,248,250,.89) 60%,rgba(247,248,250,.28)),url('./assets/hero-products.webp')}
/* Final mobile header: same centered identity in both languages */
@media(max-width:760px){
  .bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:13px!important;padding:16px 12px 12px!important;width:100%;max-width:100%;}
  .bar .brand{width:100%;max-width:100%;text-align:center!important;direction:ltr!important;white-space:nowrap!important;font-size:clamp(20px,6vw,27px)!important;letter-spacing:-.8px!important;line-height:1.2!important;}
  .bar .brand small{text-align:center!important;direction:ltr!important;white-space:normal!important;letter-spacing:clamp(.6px,.32vw,1.3px)!important;font-size:clamp(6px,1.8vw,8px)!important;}
  .bar nav{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;direction:ltr!important;}
  .bar nav button{min-width:0!important;width:100%!important;padding:11px 3px!important;font-size:clamp(10px,2.7vw,13px)!important;white-space:nowrap!important;}
  .nav-strip-inner{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .nav-strip-inner::-webkit-scrollbar{display:none}
  .nav-strip-inner button{flex:0 0 auto!important;white-space:nowrap!important;}
  body[dir="rtl"] .bar{direction:ltr!important;}
  body[dir="rtl"] .bar nav{direction:ltr!important;}
  body[dir="rtl"] .nav-strip-inner{direction:rtl!important;}
}

/* Family heritage, contacts and consistent centered branding */
.bar{flex-direction:column;justify-content:center;text-align:center}.brand{text-align:center}.bar nav{justify-content:center}#langBtn{background:#fff!important;color:#0c1d38!important;border:1px solid #a9b5c6!important}.heritage,.contact-section{text-align:center;max-width:950px;margin:45px auto;padding:38px 24px;background:#fff;border:1px solid #e7e9ed;border-radius:12px}.heritage{background:#0c1d38;color:white}.heritage h2,.contact-section h2{margin:10px 0 16px;font-size:28px}.heritage p{max-width:760px;margin:auto;line-height:2;font-size:15px}.heritage-kicker{color:#d9b66e;font-weight:800;letter-spacing:2px;font-size:12px}.contact-section p{line-height:1.9}.contact-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}.contact-buttons a{background:#0c1d38;color:white;text-decoration:none;padding:13px 16px;border-radius:6px;font-size:13px;font-weight:700}.contact-buttons a:last-child{background:#b78b40}.footer-inner{text-align:center}#shop>h2,.section-subtitle{text-align:center}.intro-strip{text-align:center;grid-template-columns:1fr}.intro-features{justify-content:center}.category-card{text-align:center}.hero-inner{text-align:center;margin:auto}.hero p{margin-inline:auto}.hero{justify-content:center;background-image:linear-gradient(90deg,rgba(247,248,250,.92),rgba(247,248,250,.82)),url('./assets/hero-products.webp')}body[dir=rtl] .hero{background-image:linear-gradient(90deg,rgba(247,248,250,.92),rgba(247,248,250,.82)),url('./assets/hero-products.webp')} .info{text-align:center}.actions{justify-content:center}.variant{text-align:start}@media(max-width:760px){.bar{align-items:center}.bar nav{width:100%}.heritage,.contact-section{margin:28px auto;padding:28px 16px}.contact-buttons a{flex:1 1 135px}.hero p{max-width:100%}}

/* Heritage, contact and centered identity */
.bar{flex-direction:column;justify-content:center;text-align:center}.bar .brand{text-align:center}.bar nav{justify-content:center}.since{color:#b58a44!important;font-weight:800!important;font-size:11px!important;letter-spacing:2px!important}.hero-inner{margin-inline:auto;text-align:center}.hero p{margin-inline:auto}.intro-strip{text-align:center}.intro-features{text-align:center}.intro-features span{border:0!important;padding:0!important}.category-card{text-align:center!important}.category-card strong,.category-card small{text-align:center}.story-block,.contact-block{text-align:center;padding:48px 20px;margin:28px auto;max-width:970px}.story-block{background:#f8f5ef;border:1px solid #e9dcc7;border-radius:12px}.story-block h2,.contact-block h2{color:#152c49;font-size:clamp(23px,3vw,32px)}.story-block p,.contact-block p{line-height:2;max-width:760px;margin:16px auto;color:#42516a}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#b58a44}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px auto}.contact-links a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 16px;background:#142d46;color:white;text-decoration:none;border-radius:7px;font-weight:600;overflow-wrap:anywhere}.contact-links a:first-child{background:#b58a44}.contact-links a:hover{opacity:.85}.cart-controls{display:flex;align-items:center;gap:9px}.cart-controls button{width:38px;height:38px;padding:4px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-stats>div{padding:15px;background:#f3f6fa;border-radius:9px;text-align:center}.dashboard-stats strong{display:block;font-size:27px;color:#142d46}.dashboard-stats span{font-size:12px}.footer-inner{text-align:center}#shop>h2,.section-subtitle{text-align:center}@media(max-width:650px){.contact-links{flex-direction:column}.contact-links a{width:100%}.dashboard-stats{grid-template-columns:1fr}.cart-item{justify-content:center;text-align:center}.hero-inner{text-align:center!important}body[dir=rtl] .hero{text-align:center!important}}

.floating-whatsapp{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));right:18px;z-index:1000;display:flex;align-items:center;gap:8px;background:#168b54;color:#fff;text-decoration:none;padding:13px 17px;border-radius:35px;box-shadow:0 5px 20px #0004;font-weight:700;font-size:14px}.floating-whatsapp:hover{background:#0d7544}.share-product{margin-top:12px;max-width:100%;font-size:12px}.product:target{outline:2px solid #b58a44}body[dir="rtl"] .floating-whatsapp{right:auto;left:18px}@media(max-width:430px){.floating-whatsapp{padding:12px 14px}.floating-whatsapp span{font-size:12px}}

.gallery-thumbs{display:flex;gap:6px;overflow-x:auto;padding:8px 12px}.gallery-thumbs button{padding:2px;border:1px solid #d5dce5;background:white;border-radius:8px;flex:0 0 auto}.gallery-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:6px}.importer{border:1px solid #d8dfe8;border-radius:12px;padding:12px;margin-bottom:12px;background:#fafbfe}.importer button{margin:4px}