*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b2-cream);color:var(--b2-text);font-family:"IBM Plex Sans Arabic","Cairo",Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.belara2-container{width:min(1480px,calc(100% - 48px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.belara2-topbar{background:linear-gradient(90deg,#2A1210,#4d1714,#2A1210);color:#fff7ef;font-size:13px}.belara2-topbar-grid{min-height:38px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.belara2-topbar-grid span:nth-child(2){text-align:center}.belara2-topbar-grid a{text-align:left}.belara2-header{position:sticky;top:0;z-index:90;background:rgba(255,250,246,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(42,18,16,.08);transition:box-shadow .25s ease}.admin-bar .belara2-header{top:32px}.belara2-header.is-scrolled{box-shadow:0 12px 34px rgba(42,18,16,.12)}.belara2-header-main{min-height:112px;display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;gap:28px}.belara2-search{position:relative;max-width:380px}.belara2-search input{width:100%;height:46px;border:1px solid rgba(42,18,16,.13);border-radius:12px;background:#fff;padding:0 16px 0 48px;font:inherit}.belara2-search button{position:absolute;left:0;top:0;width:46px;height:46px;border:0;background:transparent;color:var(--b2-chocolate);font-size:24px}.belara2-logo{text-align:center}.belara2-brand img,.custom-logo{width:178px;max-height:96px;object-fit:contain;margin:auto}.belara2-account-nav{display:flex;justify-content:flex-end;gap:28px}.belara2-account-nav a{position:relative;display:grid;justify-items:center;gap:2px;font-size:26px}.belara2-account-nav small{font-size:12px}.belara2-cart b{position:absolute;top:-6px;right:-10px;min-width:20px;height:20px;border-radius:99px;background:var(--b2-chocolate);color:#fff;font-size:11px;display:grid;place-items:center}.belara2-nav-row{border-top:1px solid rgba(42,18,16,.06)}.belara2-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:34px;min-height:52px;font-size:14px;font-weight:700}.belara2-menu a{position:relative}.belara2-menu a:after{content:"";position:absolute;right:0;left:100%;bottom:-10px;height:2px;background:var(--b2-gold);transition:left .25s ease}.belara2-menu a:hover:after,.belara2-menu .current-menu-item>a:after{left:0}.belara2-menu-toggle{display:none;border:0;background:transparent;width:44px}.belara2-menu-toggle span{display:block;height:2px;background:var(--b2-chocolate);margin:7px 0}.belara2-drawer{position:fixed;inset:0;z-index:120;background:rgba(42,18,16,.45)}.belara2-drawer-panel{width:min(84%,360px);height:100%;background:var(--b2-cream);margin-inline-start:auto;padding:20px}.belara2-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,18,16,.08);padding-bottom:14px}.belara2-menu-close{border:0;background:transparent;font-size:36px}.belara2-drawer .belara2-menu{display:block}.belara2-drawer .belara2-menu li{border-bottom:1px solid rgba(42,18,16,.08)}.belara2-drawer .belara2-menu a{display:block;padding:14px 0}.belara2-hero{position:relative;min-height:560px;overflow:hidden;background:#f5dddb}.belara2-hero-picture,.belara2-hero-picture img{position:absolute;inset:0;width:100%;height:100%}.belara2-hero-picture img{object-fit:cover}.belara2-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,239,.05),rgba(255,247,239,.03) 45%,rgba(255,247,239,.04))}.belara2-hero-inner{position:relative;z-index:2;min-height:560px;display:flex;align-items:center}.belara2-hero-copy{width:min(590px,48%);padding-block:80px;text-align:right}.belara2-eyebrow{margin:0;color:var(--b2-gold);font-size:12px;letter-spacing:.16em;font-weight:900}.belara2-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.05;margin:10px 0;color:var(--b2-chocolate)}.belara2-hero-copy>p:not(.belara2-eyebrow){font-size:29px;margin:0 0 8px;color:var(--b2-chocolate)}.belara2-hero-copy small{display:block;font-size:16px;max-width:520px}.belara2-actions{display:flex;gap:14px;margin-top:28px}.belara2-btn{min-height:48px;padding:0 28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.belara2-btn:hover{transform:translateY(-2px)}.belara2-btn-dark{background:var(--b2-chocolate);color:#fff;box-shadow:0 12px 28px rgba(42,18,16,.2)}.belara2-btn-light{background:rgba(255,255,255,.72);border:1px solid var(--b2-gold);color:var(--b2-chocolate)}.belara2-btn-cream{background:#fff7ef;color:var(--b2-chocolate)}.belara2-section{padding:72px 0}.belara2-soft-section{background:#fff}.belara2-section-heading{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:30px}.belara2-section-heading>span{height:1px;background:linear-gradient(90deg,transparent,var(--b2-gold),transparent)}.belara2-section-heading h2{margin:0;font-family:"Cormorant Garamond","Playfair Display",serif;font-size:40px;color:var(--b2-chocolate)}.belara2-section-heading>a{position:absolute;left:0;color:var(--b2-mocha);font-weight:800;font-size:14px}.belara2-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px}.belara2-category-card{text-align:center}.belara2-category-card>span{display:block;aspect-ratio:1/1;border-radius:20px;overflow:hidden;border:1px solid rgba(42,18,16,.06);background:#f7ece8;box-shadow:0 10px 28px rgba(42,18,16,.06);transition:transform .25s ease}.belara2-category-card:hover>span{transform:translateY(-5px)}.belara2-category-card img{width:100%;height:100%;object-fit:cover}.belara2-category-card strong,.belara2-category-card small{display:block}.belara2-category-card strong{margin-top:10px}.belara2-category-card small{color:var(--b2-mocha)}.belara2-products-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.belara2-product-card{background:#fff;border:1px solid rgba(42,18,16,.08);border-radius:17px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.belara2-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(42,18,16,.11)}.belara2-product-image{display:block;position:relative;aspect-ratio:4/5;background:#f8efeb;overflow:hidden}.belara2-product-image img{width:100%;height:100%;object-fit:cover}.belara2-badge,.belara2-choice-badge{position:absolute;top:10px;z-index:2;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.belara2-badge{right:10px;background:var(--b2-chocolate);color:#fff}.belara2-choice-badge{left:10px;background:var(--b2-gold);color:#2a1210}.belara2-product-copy{padding:14px}.belara2-product-copy h3{font-size:14px;line-height:1.5;margin:0 0 8px;min-height:42px}.belara2-price{font-weight:900;color:var(--b2-chocolate);min-height:28px}.belara2-product-action{display:block;margin-top:10px;padding:8px 10px;text-align:center;border-radius:7px;background:var(--b2-chocolate);color:#fff;font-size:12px;font-weight:800}.belara2-empty-products{padding:30px;background:#fff;border:1px dashed rgba(42,18,16,.15);border-radius:14px;text-align:center;color:var(--b2-mocha)}.belara2-editorial,.belara2-lifestyle{position:relative;min-height:520px;overflow:hidden;color:#fff;display:flex;align-items:center}.belara2-editorial>img,.belara2-lifestyle>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.belara2-editorial-overlay,.belara2-lifestyle-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,18,16,.87),rgba(42,18,16,.55) 45%,rgba(42,18,16,.12))}.belara2-editorial-inner,.belara2-lifestyle-inner{position:relative;z-index:2;min-height:520px;display:flex;align-items:center}.belara2-editorial-inner>div,.belara2-lifestyle-inner>div{max-width:580px;padding-block:60px}.belara2-editorial h2,.belara2-lifestyle h2{font-size:58px;line-height:1.05;margin:10px 0 18px}.belara2-editorial p,.belara2-lifestyle p{font-size:18px}.belara2-occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.belara2-occasion-grid a{min-height:220px;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.92),transparent 24%),linear-gradient(145deg,#f6d8d8,#fff7ef);border:1px solid rgba(42,18,16,.08);position:relative;overflow:hidden}.belara2-occasion-grid a:after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(120deg,rgba(214,168,79,.12) 0 2px,transparent 2px 24px);transform:rotate(7deg)}.belara2-occasion-grid b,.belara2-occasion-grid span{position:relative;z-index:1}.belara2-occasion-grid b{font-size:23px;color:var(--b2-chocolate)}.belara2-occasion-grid span{color:var(--b2-mocha)}.belara2-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.belara2-feature-grid article{position:relative;min-height:430px;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end;color:#fff}.belara2-feature-grid article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.belara2-feature-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(42,18,16,.72))}.belara2-feature-grid article>div{position:relative;z-index:2;padding:34px;max-width:560px}.belara2-feature-grid h2{font-size:42px;margin:5px 0}.belara2-benefits{padding:34px 0;background:#fff;border-block:1px solid rgba(42,18,16,.08)}.belara2-benefits>.belara2-container{display:grid;grid-template-columns:repeat(4,1fr)}.belara2-benefits article{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;border-inline-start:1px solid rgba(42,18,16,.1)}.belara2-benefits article:first-child{border-inline-start:0}.belara2-benefits article>span{font-size:34px;color:var(--b2-gold)}.belara2-benefits b,.belara2-benefits small{display:block}.belara2-newsletter{padding:66px 0;background:linear-gradient(135deg,#2A1210,#501d19);color:#fff}.belara2-newsletter>.belara2-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.belara2-newsletter h2{font-size:42px;margin:6px 0}.belara2-newsletter form{display:flex;background:#fff;padding:7px;border-radius:999px}.belara2-newsletter input{flex:1;border:0;background:transparent;padding:0 18px;font:inherit}.belara2-newsletter button{border:0;border-radius:999px;background:var(--b2-gold);color:#2a1210;padding:0 22px;font-weight:900}.belara2-footer{background:#2A1210;color:#f8e9df}.belara2-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:44px;padding-block:58px}.belara2-footer section{display:flex;flex-direction:column;gap:8px}.belara2-footer h3{color:#f2ca78;margin:0 0 10px}.belara2-footer-brand .belara2-brand img,.belara2-footer-brand .custom-logo{filter:none;width:170px;margin-inline:0}.belara2-footer-bottom{border-top:1px solid rgba(255,255,255,.12)}.belara2-footer-bottom>.belara2-container{min-height:52px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.belara2-mobile-bottom{display:none}.belara2-main .woocommerce,.belara2-shop-shell,.belara2-page-shell{padding-block:48px}.belara2-page-shell article{background:#fff;border-radius:18px;padding:34px}.belara2-page-shell h1{font-size:46px;color:var(--b2-chocolate)}.belara2-shop-shell .woocommerce-breadcrumb{color:var(--b2-mocha)}.belara2-shop-shell ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.belara2-shop-shell ul.products:before,.belara2-shop-shell ul.products:after{display:none!important}.belara2-shop-shell ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid rgba(42,18,16,.08);border-radius:16px;padding:12px}.belara2-shop-shell ul.products li.product img{border-radius:12px}.belara2-shop-shell .button{background:var(--b2-chocolate)!important;color:#fff!important;border-radius:7px!important}.belara2-404{min-height:60vh;display:grid;place-items:center;text-align:center}.belara2-404 h1{font-size:72px;color:var(--b2-chocolate);margin:0}.belara2-plugin-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.belara2-plugin-products .belara2-product-card{height:100%}
@media(max-width:1100px){.belara2-header-main{grid-template-columns:56px 1fr auto;min-height:86px}.belara2-menu-toggle{display:block}.belara2-search{display:none}.belara2-logo{text-align:start}.belara2-account-nav a:not(.belara2-cart){display:none}.belara2-account-nav small{display:none}.belara2-nav-row{display:none}.belara2-category-grid{grid-template-columns:repeat(4,1fr)}.belara2-products-grid{grid-template-columns:repeat(3,1fr)}.belara2-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){body{padding-bottom:70px}.admin-bar .belara2-header{top:46px}.belara2-container{width:min(100% - 26px,680px)}.belara2-topbar-grid{grid-template-columns:1fr;min-height:34px;text-align:center}.belara2-topbar-grid>*:not(:first-child){display:none}.belara2-header-main{min-height:74px;grid-template-columns:44px 1fr 44px;gap:8px}.belara2-logo{text-align:center}.belara2-brand img,.custom-logo{width:126px;max-height:60px}.belara2-account-nav{justify-content:end}.belara2-hero,.belara2-hero-inner{min-height:570px}.belara2-hero-picture img{object-position:center}.belara2-hero:after{background:linear-gradient(180deg,rgba(255,247,239,.9),rgba(255,247,239,.12) 54%,transparent)}.belara2-hero-inner{align-items:flex-start;padding-top:42px}.belara2-hero-copy{width:78%;padding:0}.belara2-hero h1{font-size:38px}.belara2-hero-copy>p:not(.belara2-eyebrow){font-size:22px}.belara2-hero-copy small{font-size:14px}.belara2-actions{flex-direction:column;align-items:stretch}.belara2-section{padding:48px 0}.belara2-section-heading h2{font-size:30px}.belara2-section-heading>a{position:static;grid-column:1/-1;text-align:left}.belara2-category-grid{grid-template-columns:repeat(4,1fr);gap:11px}.belara2-category-card strong{font-size:12px}.belara2-category-card small{display:none}.belara2-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.belara2-product-copy{padding:10px}.belara2-product-copy h3{font-size:12px}.belara2-editorial,.belara2-editorial-inner,.belara2-lifestyle,.belara2-lifestyle-inner{min-height:430px}.belara2-editorial-overlay,.belara2-lifestyle-overlay{background:linear-gradient(180deg,rgba(42,18,16,.84),rgba(42,18,16,.38))}.belara2-editorial-inner>div,.belara2-lifestyle-inner>div{max-width:86%;padding-block:42px}.belara2-editorial h2,.belara2-lifestyle h2{font-size:40px}.belara2-occasion-grid{grid-template-columns:repeat(2,1fr);gap:12px}.belara2-occasion-grid a{min-height:170px;padding:16px}.belara2-occasion-grid b{font-size:18px}.belara2-feature-grid{grid-template-columns:1fr}.belara2-feature-grid article{min-height:350px}.belara2-feature-grid h2{font-size:34px}.belara2-benefits>.belara2-container{grid-template-columns:repeat(4,1fr)}.belara2-benefits article{display:grid;text-align:center;padding:10px 4px;gap:4px}.belara2-benefits article>span{font-size:27px}.belara2-benefits small{display:none}.belara2-benefits b{font-size:11px}.belara2-newsletter>.belara2-container{grid-template-columns:1fr}.belara2-newsletter form{border-radius:12px;flex-direction:column;padding:10px}.belara2-newsletter input,.belara2-newsletter button{min-height:48px}.belara2-footer-grid{grid-template-columns:1fr}.belara2-footer-bottom>.belara2-container{display:grid;gap:4px;padding-block:12px}.belara2-mobile-bottom{position:fixed;inset-inline:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(5,1fr);background:#3a1513;color:#fff;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(42,18,16,.18)}.belara2-mobile-bottom a{min-height:64px;display:grid;place-items:center;align-content:center;gap:2px}.belara2-mobile-bottom span{font-size:23px}.belara2-mobile-bottom small{font-size:10px}.belara2-shop-shell ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.belara2-plugin-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* ================================================================
BELARA Atelier V2.1 — Direct Header / Logo / Hero Repair
This layer is intentionally last and uses !important only where
legacy/custom-logo rules previously broke the layout.
================================================================ */
body.belara2-site{
overflow-x:clip!important;
}
/* Do not let the header overlap the Hero while the store is being finalized. */
body.belara2-site .belara2-header{
position:relative!important;
top:auto!important;
z-index:90!important;
overflow:visible!important;
background:rgba(255,250,246,.99)!important;
backdrop-filter:none!important;
}
body.admin-bar.belara2-site .belara2-header{top:auto!important}
/* Deterministic desktop grid: search left, logo center, account links right. */
body.belara2-site .belara2-header-main{
direction:ltr!important;
display:grid!important;
grid-template-columns:minmax(260px,1fr) 220px minmax(260px,1fr)!important;
grid-template-areas:"search logo account"!important;
align-items:center!important;
gap:30px!important;
min-height:112px!important;
height:112px!important;
padding-block:8px!important;
position:relative!important;
overflow:visible!important;
}
body.belara2-site .belara2-search{
grid-area:search!important;
direction:rtl!important;
position:relative!important;
inset:auto!important;
transform:none!important;
display:block!important;
width:100%!important;
max-width:380px!important;
height:auto!important;
margin:0!important;
z-index:2!important;
}
body.belara2-site .belara2-search input{
width:100%!important;
height:46px!important;
margin:0!important;
border-radius:12px!important;
background:#fff!important;
}
body.belara2-site .belara2-logo{
grid-area:logo!important;
direction:rtl!important;
position:relative!important;
inset:auto!important;
transform:none!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:220px!important;
min-width:220px!important;
max-width:220px!important;
height:94px!important;
min-height:94px!important;
max-height:94px!important;
margin:0 auto!important;
padding:0!important;
overflow:hidden!important;
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
z-index:3!important;
}
body.belara2-site .belara2-logo .belara2-brand{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
}
body.belara2-site .belara2-logo img,
body.belara2-site .belara2-logo .custom-logo,
body.belara2-site .belara2-approved-logo{
position:static!important;
inset:auto!important;
transform:none!important;
display:block!important;
width:auto!important;
height:auto!important;
max-width:195px!important;
max-height:88px!important;
object-fit:contain!important;
object-position:center!important;
margin:0 auto!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.belara2-site .belara2-account-nav{
grid-area:account!important;
direction:rtl!important;
position:static!important;
inset:auto!important;
transform:none!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:28px!important;
width:100%!important;
margin:0!important;
z-index:2!important;
}
/* Keep the category navigation on its own clean row. */
body.belara2-site .belara2-nav-row{
position:relative!important;
clear:both!important;
z-index:4!important;
margin:0!important;
background:#fffaf6!important;
}
/* Hero starts below the header. Search is never allowed inside it. */
body.belara2-site .belara2-hero{
position:relative!important;
clear:both!important;
z-index:1!important;
margin-top:0!important;
overflow:hidden!important;
}
body.belara2-site .belara2-hero .belara2-search,
body.belara2-site .belara2-hero form[role="search"]{
display:none!important;
}
/* Place the Arabic copy in the natural negative space between perfume and model. */
@media (min-width:1101px){
body.belara2-site .belara2-hero-inner{
direction:ltr!important;
position:relative!important;
display:block!important;
min-height:560px!important;
}
body.belara2-site .belara2-hero-copy{
direction:rtl!important;
position:absolute!important;
top:50%!important;
left:42%!important;
right:auto!important;
transform:translate(-50%,-50%)!important;
width:min(520px,39vw)!important;
max-width:520px!important;
padding:28px 18px!important;
margin:0!important;
text-align:center!important;
z-index:3!important;
}
body.belara2-site .belara2-hero-copy small{
margin-inline:auto!important;
}
body.belara2-site .belara2-actions{
justify-content:center!important;
}
}
/* Tablet and mobile */
@media (max-width:1100px){
body.belara2-site .belara2-header-main{
grid-template-columns:48px minmax(0,1fr) 48px!important;
grid-template-areas:
"menu logo account"
"search search search"!important;
gap:8px 14px!important;
height:auto!important;
min-height:auto!important;
padding:10px 0 12px!important;
}
body.belara2-site .belara2-menu-toggle{
grid-area:menu!important;
display:block!important;
}
body.belara2-site .belara2-logo{
width:180px!important;
min-width:180px!important;
max-width:180px!important;
height:72px!important;
min-height:72px!important;
max-height:72px!important;
}
body.belara2-site .belara2-logo img,
body.belara2-site .belara2-approved-logo{
max-width:165px!important;
max-height:68px!important;
}
body.belara2-site .belara2-search{
grid-area:search!important;
display:block!important;
max-width:none!important;
width:100%!important;
}
body.belara2-site .belara2-account-nav{
grid-area:account!important;
justify-content:flex-end!important;
}
body.belara2-site .belara2-account-nav a:not(.belara2-cart){
display:none!important;
}
body.belara2-site .belara2-nav-row{
display:none!important;
}
}
@media (max-width:767px){
body.belara2-site .belara2-header-main{
width:min(100% - 24px,680px)!important;
grid-template-columns:42px minmax(0,1fr) 42px!important;
}
body.belara2-site .belara2-logo{
width:150px!important;
min-width:150px!important;
max-width:150px!important;
height:62px!important;
min-height:62px!important;
max-height:62px!important;
}
body.belara2-site .belara2-logo img,
body.belara2-site .belara2-approved-logo{
max-width:140px!important;
max-height:58px!important;
}
body.belara2-site .belara2-hero-copy{
position:relative!important;
top:auto!important;
left:auto!important;
transform:none!important;
width:78%!important;
max-width:420px!important;
padding:0!important;
margin:0!important;
text-align:right!important;
}
}