:root{--teal-900:#0f766e;--teal-700:#0d9488;--ink:#0f172a;--body:#334155;}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--body);}
h1,h2,.section-title,.brand-text,.hero-title{font-family:'Cormorant Garamond',serif; color:#143c3c;}

/* Buttons */
.btn-teal{background:var(--teal-700); color:#fff;border-color:var(--teal-700);} .btn-teal:hover{background:#0f766e;border-color:#0f766e;}
.btn-outline-teal{border-color:var(--teal-700); color:var(--teal-700);} .btn-outline-teal:hover{background:var(--teal-700); color:#fff;}
.link-teal{color:var(--teal-700); text-decoration:none;} .link-teal:hover{color:#0f766e;}

/* Header (icons left/right + centered logo + centered nav) */
.site-header .brand-text{font-weight:700; font-size:.9rem; letter-spacing:1.6px; color:#214a4a;}
.site-header .header-nav .nav-link{color:#2c3f3f; font-weight:600; font-size:.72rem; padding:.25rem .25rem; letter-spacing:.9px;}
.site-header .header-nav .nav-link.active,.site-header .header-nav .nav-link:hover{color:var(--teal-700);}

/* Hero */
.hero{background:transparent;}
.hero .hero-box{background:#eaf7f5;}
.hero .hero-img{max-width:560px;}

/* Deals grid */
.deals-grid{display:grid; grid-template-areas:"a b c" "d d c"; grid-template-columns:1fr 1fr 1fr; gap:18px;}
.deal-card img{width:120px; height:auto; object-fit:contain;}
.deals-grid [style*="grid-area:c"] img{width:70%; max-width:220px;}
@media (max-width:991.98px){.deals-grid{grid-template-areas:"a b" "d d" "c c"; grid-template-columns:1fr 1fr;}}
@media (max-width:575.98px){.deals-grid{grid-template-areas:"a" "b" "d" "c"; grid-template-columns:1fr;}}

/* Banner */
.banner .banner-overlay{background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.45));}
.play-btn{width:60px;height:60px;border-radius:50%;background:#fff;color:var(--teal-700);}

/* Footer */
.footer{background:linear-gradient(180deg, #0f3f3f, #082626); color:#fff;}
.footer a{color:#fff; opacity:.8; text-decoration:none;}



/* Shop page */
.shop-hero .shop-banner{background:#eaf7f5; min-height:160px;}
.shop-hero .breadcrumb{--bs-breadcrumb-divider: '>'; margin-bottom:0;}
.shop-hero .shop-hero-img{position:absolute; right:12px; bottom:-16px; width:280px; max-width:40%; opacity:0.95;}
.object-contain{object-fit:contain; width:100%; height:100%;}
.shop-card .ratio{background:#fff;}
.shop-card{transition:box-shadow .2s ease, transform .2s ease; border-color:#cfe1df;}
.shop-card:hover{box-shadow:0 10px 30px rgba(16,70,70,.08); transform:translateY(-2px);}
.shop-card .btn{line-height:1;}
.pagination .page-link{color:#2a5454;}
.pagination .page-item.active .page-link{background:#0d9488; border-color:#0d9488;}
.pagination .page-link:hover{color:#0d9488;}
@media (max-width:575.98px){.shop-hero .shop-hero-img{display:none;}}


/* ===== Cart page (merged) ===== */
.cart-table{--gap:12px; border-color:#cfe1df;}
.cart-head{grid-template-columns: 1fr 120px 160px 120px 40px; color:#6b7f7f;}
.cart-row{grid-template-columns: 1fr 120px 160px 120px 40px;}
.cart-row .thumb{width:74px; height:74px; background:#fff; border:1px solid #e1ecea;}
.qty-control input::-webkit-outer-spin-button,.qty-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.qty-control .btn{min-width:34px;}
.cart-summary .card-body{padding:1.25rem 1.25rem;}
@media (max-width: 991.98px){
  .cart-head{display:none!important;}
  .cart-row{grid-template-columns: 1fr 1fr; grid-template-rows:auto auto; gap:8px 12px;}
  .cart-row > :nth-child(2){justify-self:end;}
  .cart-row > :nth-child(3){grid-column:1/3;}
  .cart-row > :nth-child(4){justify-self:end;}
  .cart-row > :last-child{grid-column:2; justify-self:end;}
}

/* --- Home: Featured Sale --- */
.section-title{font-weight:700;}
.product-card .icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #e6e8ec;color:var(--ink);}
.product-card .icon-link:hover{border-color:var(--teal-700); color:var(--teal-700);}
.product-card img{aspect-ratio:1/1; object-fit:contain;}

/* --- Newsletter --- */
.newsletter .newsletter-inner{background:#e8f7f6 url('../img/news-slab.png') right/contain no-repeat;}
.newsletter .newsletter-heading{font-family:'Cormorant Garamond',serif;}
/* --- Blog --- */
.blog-card img{aspect-ratio:16/9; object-fit:cover;}
.blog-card .blog-title{font-family:'Cormorant Garamond',serif;}

/* ===== Wishlist page (merged) ===== */
.wishlist-table{border-color:#cfe1df;}
.wishlist-row{grid-template-columns:1fr 120px 160px 160px; gap:12px;}
.wishlist-row .thumb{width:74px;height:74px;border:1px solid #e1ecea;background:#fff;}
@media (max-width: 767.98px){
  .wishlist-row{grid-template-columns:1fr; grid-template-rows:auto auto auto auto; gap:6px;}
  .wishlist-row > div:nth-child(n+2){margin-left:88px;}
}

/* ===== Wishlist page (exact match) ===== */
.wishlist-wrap{background:#fff; border:1px solid #d4e3e1; border-radius:14px; padding:0.5rem;}
.wl-head{grid-template-columns: 1fr 140px 160px 180px; padding:.6rem 1rem; margin:.25rem; border-radius:10px; border:1px solid #dce9e7; color:#6b7f7f; font-weight:600; font-size:.9rem; background:#fff;}
.wl-item{display:grid; grid-template-columns: 1fr 140px 160px 180px; align-items:center; gap:12px; padding:1rem; margin:.5rem; border:1px solid #dce9e7; border-radius:12px; background:#fff;}
.wl-col{display:flex; align-items:center; gap:10px;}
.wl-thumb{width:74px;height:74px;border:1px solid #e1ecea;border-radius:10px; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center;}
.wl-thumb img{max-width:100%; max-height:100%; object-fit:contain;}
.wl-title{color:#0d9488; text-decoration:none; font-weight:600; font-size:.95rem;}
.wl-price,.wl-stock{color:#6b7f7f; font-size:.9rem;}
.wl-cta .btn{--bs-btn-padding-y:.375rem; --bs-btn-padding-x:.9rem;}
@media (max-width: 991.98px){
  .wl-head{display:none;}
  .wl-item{grid-template-columns: 1fr; gap:10px;}
  .wl-col.wl-price{justify-content:space-between;}
  .wl-col.wl-stock{justify-content:space-between;}
  .wl-col.wl-cta{justify-content:flex-start;}
}

.hero-strip{background:#eaf7f5;}
.hero-strip .hero-right{max-height:220px; object-fit:contain;}

#snackbar {

    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
    border-radius: 12px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}