*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#211710}a{text-decoration:none;color:inherit}.top{background:#2a170b;color:#fff;padding:10px 4%;display:flex;justify-content:space-between;font-size:12px}header{height:82px;display:flex;align-items:center;padding:0 4.5%;gap:30px;position:sticky;top:0;background:#fff;z-index:20}nav{display:flex;gap:28px;flex:1;justify-content:center;font-size:12px;text-transform:uppercase}.topquote{background:#2a1d14;color:#fff;padding:15px 23px;text-transform:uppercase;font-weight:700}.hero{height:430px;background:url(assets/hero.jpg) center/cover;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05))}.hero>div{position:relative;color:#fff;padding:65px 0 0 4.5%}.hero h1{font:700 55px Georgia;margin:0 0 15px}.hero p{font-size:22px;color:#efb33c;line-height:1.4}.hero strong{display:block;font-size:18px}.hero a{display:inline-block;background:#b87d1c;padding:15px 23px;margin-top:25px;text-transform:uppercase}.strip{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 4%;background:#faf6f0}.strip div{display:flex;gap:14px;align-items:center;border-right:1px solid #d5c1a0;padding:0 28px}.strip b{font-size:28px;color:#c88c25}.strip span{font-size:12px;font-weight:700}.strip small{display:block;font-weight:400;margin-top:5px}.heading{text-align:center;padding:30px 0 15px}.heading h2{font:700 38px Georgia;margin:0}.catalog{padding:15px 4.5% 35px}.title h2{font:700 28px Georgia;margin:0}.title p{font-size:11px}.filters{display:flex;gap:10px;margin:18px 0}.filters button{padding:10px 18px;background:#fff;border:1px solid #ccbca7}.filters .active{background:#2a1d14;color:#fff}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{border:1px solid #ded3c7;border-radius:4px;overflow:hidden;background:#fff}
.product-image{
  width:100%;
  aspect-ratio:3 / 5;
  background:#f7f7f7;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:10px;
}
.product-image img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
#oil .product-image{
  background:#f7f2ea;
}
.body{padding:12px}.body>span{font-size:9px;color:#b47a1d;font-weight:700}.body h3{font:700 20px Georgia;margin:5px 0}.body p{font-size:10px;line-height:1.45;min-height:42px}.meta{display:flex;justify-content:space-between;font-size:9px}.meta b{color:#a00017}.price{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e3dacf;border-bottom:1px solid #e3dacf;margin:9px 0;padding:8px 0}.price div+div{border-left:1px solid #ddd;padding-left:8px}.price small,.price strong{display:block}.price strong{font-size:14px}.actions{display:grid;grid-template-columns:1fr .65fr;gap:6px}.actions button{padding:9px 4px;border:1px solid #2a1d14;font-size:10px}.quote{background:#2a1d14;color:#fff}.oil{background:#fbfaf8}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:55px 7%;background:#f7f2ea}.about h2{font:700 34px Georgia}form{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;padding:24px}form h2,form textarea,form button{grid-column:1/-1}input,select,textarea{padding:0;border:1px solid #d8cec3}textarea{height:90px}form button{background:#2a1d14;color:#fff;border:0;padding:13px}footer{background:#21140d;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;padding:30px 6%;gap:30px}#floating{position:fixed;right:20px;bottom:20px;background:#2a1d14;color:#fff;border:0;padding:13px 18px;border-radius:25px}#floating span{background:#d5a13f;color:#111;padding:3px 7px;border-radius:50%}#drawer{position:fixed;right:-340px;top:0;width:320px;height:100%;background:#fff;z-index:50;padding:24px;box-shadow:-5px 0 20px #0003;transition:.3s}#drawer.open{right:0}#close{float:right;border:0;background:none;font-size:26px}#menu{display:none;border:0;background:none;font-size:25px}@media(max-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.top span:nth-child(n+2){display:none}.top{justify-content:center}#menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;flex-direction:column;padding:18px}nav.open{display:flex}.topquote{display:none}.grid{grid-template-columns:repeat(2,1fr)}.strip{grid-template-columns:repeat(2,1fr);gap:18px}.about{grid-template-columns:1fr}form{grid-template-columns:1fr}form h2,form textarea,form button{grid-column:auto}.hero h1{font-size:40px}}@media(max-width:520px){.grid,.strip{grid-template-columns:1fr}.hero{height:380px}.hero h1{font-size:34px}.filters{overflow:auto}footer{grid-template-columns:1fr}}
@media(max-width:800px){
  .product-card img{height:280px}
  .oil-card img{height:310px}
}
@media(max-width:520px){
  .product-card img{height:auto;max-height:430px}
  .oil-card img{height:auto;max-height:520px}
}

@media(max-width:520px){
  .product-image{
    aspect-ratio:3 / 5;
    padding:8px;
  }
}



.logo img{
  width:62px;
  height:62px;
  object-fit:contain;
  display:block;
}
.logo-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.logo-text strong{
  font-family:"Cormorant Garamond",serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:1px;
  white-space:nowrap;
}
.logo-text small{
  font-family:Montserrat,Arial,sans-serif;
  font-size:9px;
  letter-spacing:3px;
  margin-top:6px;
  white-space:nowrap;
}

@media(max-width:800px){
  
  .logo img{width:48px;height:48px}
  .logo-text strong{font-size:22px}
  .logo-text small{font-size:8px;letter-spacing:2px}
}


.logo{
  width:300px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#17120f;
  text-decoration:none;
  flex-shrink:0;
}
.logo img{
  width:62px;
  height:62px;
  object-fit:contain;
  display:block;
}
.logo-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.logo-text strong{
  font-family:"Cormorant Garamond",serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:1px;
  white-space:nowrap;
}
.logo-text small{
  font-family:Montserrat,Arial,sans-serif;
  font-size:9px;
  letter-spacing:3px;
  margin-top:6px;
  white-space:nowrap;
}
@media(max-width:800px){
  .logo{width:auto;gap:8px}
  .logo img{width:48px;height:48px}
  .logo-text strong{font-size:22px}
  .logo-text small{font-size:8px;letter-spacing:2px}
}

/* Multiple product images for Flora products */
.product-gallery{width:100%;}
.gallery-thumbs{display:flex;gap:7px;padding:7px 10px 10px;background:#fff;justify-content:center;}
.gallery-thumb{width:42px;height:52px;padding:2px;border:1px solid #d8cec3;background:#fff;border-radius:3px;cursor:pointer;overflow:hidden;}
.gallery-thumb.active{border:2px solid #2a1d14;}
.gallery-thumb img{width:100%;height:100%;object-fit:contain;display:block;}

/* Fragrance oil four-size pricing */
.fragrance-price{grid-template-columns:repeat(2,1fr);gap:0;padding:0;margin:10px 0}
.fragrance-price div{padding:8px 6px;border-bottom:1px solid #e3dacf}
.fragrance-price div+div{border-left:1px solid #ddd;padding-left:8px}
.fragrance-price div:nth-child(3){border-left:0}
.fragrance-price div:nth-child(n+3){border-bottom:0}
.oil-product-card .inspiration{min-height:44px;margin:7px 0;font-size:10px}
.oil-product-card .product-image img{width:100%;height:100%;object-fit:contain}


/* Direct call and WhatsApp enquiry options */
.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.contact-btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 10px;border-radius:5px;text-decoration:none;font-weight:700;font-size:12px;line-height:1.2;text-align:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.contact-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.call-btn{background:#20140d;color:#fff;border:1px solid #20140d}
.whatsapp-btn{background:#25D366;color:#fff;border:1px solid #1fb85a}
.floating-contact{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:9px}
.floating-contact a{display:flex;align-items:center;justify-content:center;min-width:124px;padding:11px 14px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:13px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.floating-call{background:#20140d}
.floating-whatsapp{background:#25D366}
.contact-page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.contact-page-actions .contact-btn{min-width:155px;padding:13px 20px;font-size:14px}
footer a{color:inherit;text-decoration:none}
footer a:hover{text-decoration:underline}
@media(max-width:600px){.actions{grid-template-columns:1fr}.floating-contact{right:10px;bottom:10px}.floating-contact a{min-width:108px;padding:10px 12px;font-size:12px}.contact-page-actions{flex-direction:column}.contact-page-actions .contact-btn{width:100%}}

/* Product category navigation — original premium look */
.catalog-switcher{padding:34px 4.5% 8px;background:#fff;text-align:center}
.category-tabs{display:inline-grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px;background:#f4eee6;border:1px solid #dfd1bf;border-radius:12px;box-shadow:0 8px 24px rgba(42,29,20,.08)}
.category-tab{min-width:210px;border:0;border-radius:8px;padding:14px 24px;background:transparent;color:#2a1d14;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.category-tab:hover{transform:translateY(-1px)}
.category-tab.active{background:#2a1d14;color:#fff;box-shadow:0 5px 14px rgba(42,29,20,.22)}
.category-help{margin:12px 0 0;color:#705d4e;font-size:12px}
html{scroll-behavior:smooth}
#flora,#oil{scroll-margin-top:20px}
@media(max-width:600px){.catalog-switcher{padding:24px 14px 4px}.category-tabs{width:100%;grid-template-columns:1fr}.category-tab{width:100%;min-width:0;padding:13px 12px}.category-help{font-size:11px;line-height:1.45}}


/* Small order and sample contact section */
.order-sample-cta{max-width:860px;margin:38px auto;padding:30px 28px;text-align:center;background:linear-gradient(135deg,#fff8e8 0%,#f1d99f 100%);border:2px solid #b57a18;border-radius:14px;color:#2a1d14;box-shadow:0 14px 34px rgba(70,43,15,.20);position:relative;overflow:hidden}
.order-sample-cta:before{content:"TRY BEFORE YOU BUY";display:inline-block;margin-bottom:10px;padding:5px 12px;border-radius:999px;background:#2a1d14;color:#f4d58a;font-size:10px;font-weight:800;letter-spacing:1.2px}
.order-sample-cta h2{margin:0 0 10px;color:#7b4a08;font:700 31px Georgia,serif}
.order-sample-cta p{max-width:680px;margin:0 auto;color:#3b2a1e;font-size:15px;line-height:1.7}
.order-sample-cta p strong{display:inline-block;margin-top:5px;color:#7b4a08;font-size:16px}
.order-sample-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}
.order-sample-actions .contact-btn{min-width:165px;min-height:44px;font-size:13px}
.order-sample-actions .call-btn{background:#2a1d14;border-color:#2a1d14}
.order-sample-actions .whatsapp-btn{box-shadow:0 6px 16px rgba(37,211,102,.25)}
@media(max-width:600px){.order-sample-cta{margin:28px 14px;padding:25px 16px}.order-sample-cta h2{font-size:27px}.order-sample-actions{flex-direction:column}.order-sample-actions .contact-btn{width:100%}}

/* Catalog price filters and sorting */
.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;flex-wrap:wrap}
.catalog-controls .filters{margin:0;flex:1;flex-wrap:wrap}
.sort-wrap{display:flex;align-items:center;gap:8px;white-space:nowrap}
.sort-wrap label{font-size:12px;font-weight:700;text-transform:uppercase;color:#4b382b}
.catalog-sort{height:38px;padding:0 34px 0 12px;border:1px solid #ccbca7;background:#fff;color:#211710;border-radius:0;font-size:12px;cursor:pointer}
@media(max-width:800px){.catalog-controls{align-items:stretch}.catalog-controls .filters{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.catalog-controls .filters button{flex:0 0 auto;padding:9px 12px;font-size:11px}.sort-wrap{width:100%;justify-content:flex-end}.catalog-sort{max-width:210px;width:100%}}


/* Global product search */
.global-product-search{padding:4px 4.5% 18px;background:#fff}
.global-search-inner{max-width:920px;margin:0 auto;text-align:center}
.global-search-inner>label{display:block;font:700 18px Georgia;margin:0 0 9px;color:#2a1d14}
.global-search-box{height:48px;display:flex;align-items:center;border:1px solid #bfa98e;background:#fff;box-shadow:0 5px 18px rgba(42,29,20,.08)}
.global-search-box>span{font-size:24px;line-height:1;padding-left:15px;color:#9b6a20;transform:rotate(-20deg)}
.global-search-box input{flex:1;height:100%;min-width:0;padding:0 12px;border:0;outline:0;background:transparent;font-size:14px;color:#211710}
.global-search-box input::placeholder{color:#8f8278}
.global-search-box button{display:none;width:46px;height:100%;border:0;background:transparent;font-size:25px;color:#654b39;cursor:pointer}
.global-search-box.has-value button{display:block}
.global-search-status{min-height:17px;margin:7px 0 0;font-size:11px;color:#746357}
.catalog-no-results{display:none;grid-column:1/-1;padding:28px 15px;text-align:center;border:1px dashed #ccbca7;background:#fbf8f3;color:#5d493b}
.catalog-no-results.show{display:block}
@media(max-width:800px){.global-product-search{padding:2px 4% 14px}.global-search-inner>label{font-size:16px}.global-search-box{height:44px}.global-search-box input{font-size:13px}}

/* Desktop/laptop enlarged product gallery */
@media (min-width:801px){
  .gallery-main{cursor:zoom-in;transition:transform .25s ease}
  .product-gallery .product-image{overflow:hidden}
  .product-gallery .product-image:hover .gallery-main{transform:scale(1.06)}
}
.image-zoom-modal{
  position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:28px 84px;background:rgba(0,0,0,.9)
}
.image-zoom-modal.open{display:flex}
.gallery-lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}
.gallery-lightbox-content img{max-width:min(88vw,1200px);max-height:88vh;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:6px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.image-zoom-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#211710;font-size:30px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.gallery-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:68px;border:0;border-radius:8px;background:rgba(255,255,255,.92);color:#211710;font-size:34px;cursor:pointer;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.28)}
.gallery-lightbox-prev{left:22px}.gallery-lightbox-next{right:22px}
.gallery-lightbox-nav:hover{background:#fff;transform:translateY(-50%) scale(1.04)}
.gallery-lightbox-counter{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 12px;border-radius:18px;background:rgba(0,0,0,.72);color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
@media (max-width:800px){
  .gallery-main{cursor:zoom-in}
  .image-zoom-modal{padding:62px 12px 54px;touch-action:pan-y}
  .gallery-lightbox-content{width:100%;height:100%}
  .gallery-lightbox-content img{max-width:94vw;max-height:78vh;border-radius:4px}
  .image-zoom-close{top:10px;right:10px;width:40px;height:40px;font-size:27px}
  .gallery-lightbox-nav{top:auto;bottom:8px;transform:none;width:54px;height:42px;border-radius:22px;font-size:27px}
  .gallery-lightbox-prev{left:18px}.gallery-lightbox-next{right:18px}
  .gallery-lightbox-nav:hover{transform:none}
  .gallery-lightbox-counter{bottom:13px;font-size:13px}
}