/*
Theme Name: AIKYOR
Description: Minimal, elegant fashion & lifestyle landing theme. Ivory, sage and emerald green, champagne gold accents, charcoal text, rose gold logo.
Version: 1.3
Author: AIKYOR
Text Domain: aikyor
*/
:root{--white:#fff;--green:#E8F1E6;--green-soft:#F2F6F0;--green-deep:#3F6B4B;--gold:#B8964E;--ink:#2B2B2B;--muted:#4d4d4d}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:'Jost',sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:400;margin:0}
a{color:var(--ink);text-decoration:none}a:hover{color:#8a6d2f}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:96px 0}
.section-title{text-align:center;font-size:44px;margin-bottom:40px}
.logo{font-family:'Cormorant Garamond',serif;font-size:34px;letter-spacing:.32em;color:var(--gold);font-weight:500}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:28px;padding-bottom:28px}
.nav{display:flex;gap:28px;flex-wrap:wrap}
.btn{display:inline-block;padding:16px 40px;background:var(--green-deep);color:#fff;border:0;font:500 14px 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;min-height:48px}
.btn:hover{color:#fff;opacity:.9}
.ph{background:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#4a6652;text-align:center;padding:12px;width:100%;height:100%}
.media{overflow:hidden}.media img{width:100%;height:100%;object-fit:cover}
.hero .wrap{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:40px;padding-bottom:96px}
.hero-text{flex:1 1 420px}.hero-text h1{font-size:68px;line-height:1.05;margin-bottom:20px}
.tagline{font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 36px}
.hero-img{flex:1 1 420px;border:1px solid var(--gold);padding:12px}.hero-img .media{height:560px}
.grid{display:grid;gap:28px}
.grid-cat{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.cat .media{height:260px}
.cat-name{padding:16px 0;font-family:'Cormorant Garamond',serif;font-size:26px;border-bottom:1px solid var(--gold)}
.about{background:var(--green);text-align:center}.about .inner{max-width:720px;margin:0 auto}
.about .rule{width:48px;height:2px;background:var(--gold);margin:0 auto 28px}
.about h2{font-size:44px;margin-bottom:20px}.about p{font-size:19px;margin:0;color:#3a3a3a}
.col .media{height:340px;background:var(--green-soft)}
.col h3{font-size:28px;font-weight:500;margin:18px 0 6px}.col p{margin:0;color:var(--muted);font-size:15px}
.why{background:var(--green-soft)}
.why-list{display:flex;flex-wrap:wrap;gap:20px}
.why-item{flex:1 1 200px;min-width:200px;padding:28px 20px;background:#fff;border-top:2px solid var(--gold)}
.why-item h4{font-size:24px;font-weight:600;margin-bottom:8px}.why-item p{margin:0;font-size:15px;color:var(--muted)}
.join{max-width:720px;margin:0 auto;text-align:center}
.join h2{font-size:44px;margin-bottom:12px}.join p{font-size:18px;color:var(--muted);margin:0 0 32px}
.join form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.join input[type=email]{flex:1 1 280px;min-height:48px;padding:0 18px;border:1px solid var(--gold);font:16px 'Jost',sans-serif;background:#fff;color:var(--ink)}
.join .hp{position:absolute;left:-9999px}
.notice{padding:14px 24px;text-align:center;background:var(--green);color:var(--green-deep)}
.sr{position:absolute;left:-9999px}
.site-footer{border-top:1px solid var(--gold);padding:40px 0}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.site-footer .logo{font-size:26px;letter-spacing:.3em}
.foot-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}
@media(max-width:700px){.hero-text h1{font-size:44px}.section{padding:64px 0}.section-title,.about h2,.join h2{font-size:34px}.hero-img .media{height:360px}}

/* Sub pages + dropdown menu */
.nav li{list-style:none;position:relative}
.nav .sub-menu,.nav .children{display:none;position:absolute;top:100%;left:0;min-width:200px;margin:0;padding:12px 0;background:var(--white);border:1px solid var(--green);box-shadow:0 8px 24px rgba(0,0,0,.06);z-index:50}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu,.nav li:hover>.children,.nav li:focus-within>.children{display:block}
.nav .sub-menu li,.nav .children li{padding:6px 20px;white-space:nowrap}
.page-content h1{font-size:48px;margin-bottom:24px}
.page-content .crumbs{font-size:14px;margin-bottom:12px}
.subpage-list{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:12px}
.subpage-list a{color:var(--green-deep)}

@media(max-width:700px){
.nav .sub-menu,.nav .children{display:block;position:static;border:0;box-shadow:none;padding:4px 0 0 14px;min-width:0}
}

/* Top utility bar */
.topbar{background:var(--green-soft);border-bottom:1px solid var(--green);font-size:13px;letter-spacing:.06em}
.topbar .wrap{display:flex;justify-content:flex-end;gap:24px;padding-top:8px;padding-bottom:8px}
.topbar a{color:var(--ink)}
.topbar a:hover{color:#8a6d2f}
.cart-count{display:inline-block;min-width:18px;padding:0 5px;margin-left:2px;border-radius:9px;background:var(--gold);color:#fff;font-size:11px;line-height:18px;text-align:center}

/* ---- Main menu: aligned items + proper dropdown for sub pages ---- */
.site-header .nav{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.site-header .nav ul{list-style:none;margin:0;padding:0}
.site-header .nav>li,.site-header .nav>a{display:block;position:relative;margin:0;padding:6px 0}
.site-header .nav>li>a{display:block;letter-spacing:.04em}
.site-header .nav .menu-item-has-children>a::after,.site-header .nav .page_item_has_children>a::after{content:"\25BE";margin-left:6px;font-size:11px;color:var(--gold)}
.site-header .nav ul.sub-menu,.site-header .nav ul.children{display:none;position:absolute;top:100%;left:-16px;min-width:230px;margin:0;padding:12px 0;background:var(--white);border:1px solid var(--green);border-top:2px solid var(--gold);box-shadow:0 10px 28px rgba(0,0,0,.08);z-index:100}
.site-header .nav li:hover>ul,.site-header .nav li:focus-within>ul{display:block}
.site-header .nav ul.sub-menu li,.site-header .nav ul.children li{display:block;padding:0}
.site-header .nav ul.sub-menu a,.site-header .nav ul.children a{display:block;padding:9px 22px;white-space:nowrap;font-size:15px}
.site-header .nav ul.sub-menu a:hover,.site-header .nav ul.children a:hover{background:var(--green-soft);color:var(--green-deep)}
@media(max-width:700px){
.site-header .nav{gap:14px}
.site-header .nav ul.sub-menu,.site-header .nav ul.children{display:block;position:static;border:0;box-shadow:none;padding:2px 0 0 14px;min-width:0}
.site-header .nav ul.sub-menu a,.site-header .nav ul.children a{padding:5px 0}
}

/* ================= Premium header ================= */
.topbar{background:var(--green-deep);border-bottom:0;color:#fff;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:9px;padding-bottom:9px}
.topbar-msg{opacity:.92}
.topbar-links{display:flex;gap:26px;margin-left:auto}
.topbar a{color:#fff;transition:color .2s}
.topbar a:hover{color:#E3C98B}
.cart-count{background:var(--gold);color:#fff}

.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--green);transition:box-shadow .25s}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
.site-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.08)}
.site-header .wrap{padding-top:18px;padding-bottom:18px;transition:padding .25s}
.site-header.scrolled .wrap{padding-top:10px;padding-bottom:10px}
.site-header .logo{font-size:32px}

.site-header .nav{gap:34px}
.site-header .nav>li>a,.site-header .nav>a{position:relative;display:block;font-family:'Jost',sans-serif;font-size:13.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:10px 0;transition:color .2s}
.site-header .nav>li>a::before,.site-header .nav>a::before{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;background:var(--gold);transform:translateX(-50%);transition:width .3s ease}
.site-header .nav>li:hover>a::before,.site-header .nav>a:hover::before,.site-header .nav>li.current-menu-item>a::before,.site-header .nav>li.current-menu-ancestor>a::before,.site-header .nav>li.current_page_item>a::before{width:100%}
.site-header .nav>li:hover>a,.site-header .nav>a:hover,.site-header .nav>li.current-menu-item>a,.site-header .nav>li.current_page_item>a{color:var(--green-deep)}
.site-header .nav .menu-item-has-children>a::after,.site-header .nav .page_item_has_children>a::after{display:inline-block;transition:transform .25s}
.site-header .nav li:hover>a::after{transform:rotate(180deg)}

.site-header .nav ul.sub-menu,.site-header .nav ul.children{display:block;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s;top:calc(100% + 4px);left:-22px;min-width:250px;padding:14px 0;border:0;border-top:3px solid var(--gold);border-radius:0 0 8px 8px;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.site-header .nav li:hover>ul,.site-header .nav li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}
.site-header .nav ul.sub-menu a,.site-header .nav ul.children a{position:relative;padding:11px 26px;font-size:15px;letter-spacing:.02em;text-transform:none;color:var(--ink);transition:padding .2s,background .2s,color .2s}
.site-header .nav ul.sub-menu a::before,.site-header .nav ul.children a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transition:transform .2s}
.site-header .nav ul.sub-menu a:hover,.site-header .nav ul.children a:hover{background:var(--green-soft);color:var(--green-deep);padding-left:32px}
.site-header .nav ul.sub-menu a:hover::before,.site-header .nav ul.children a:hover::before{transform:scaleY(1)}

/* Search box inside the menu */
.site-header .nav form{display:flex;align-items:center;margin:0;border:1px solid #d9e4d6;border-radius:30px;overflow:hidden;background:var(--green-soft);transition:border-color .2s,box-shadow .2s}
.site-header .nav form:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,150,78,.18)}
.site-header .nav form input[type=search],.site-header .nav form input[type=text]{border:0;background:transparent;padding:9px 16px;font-family:'Jost',sans-serif;font-size:14px;min-width:170px;outline:0}
.site-header .nav form button,.site-header .nav form input[type=submit]{border:0;background:var(--green-deep);color:#fff;padding:9px 16px;cursor:pointer;transition:background .2s}
.site-header .nav form button:hover,.site-header .nav form input[type=submit]:hover{background:var(--gold)}

/* Mobile menu */
.menu-toggle{display:none;background:none;border:1px solid var(--green);border-radius:6px;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;margin:4px 0;background:var(--green-deep);transition:transform .25s,opacity .25s}
.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:900px){
.menu-toggle{display:block}
.site-header .wrap{flex-wrap:wrap}
.site-header .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:10px;border-top:1px solid var(--green);margin-top:12px}
.site-header .nav.open{display:flex}
.site-header .nav>li>a,.site-header .nav>a{padding:14px 4px;border-bottom:1px solid var(--green-soft)}
.site-header .nav>li>a::before,.site-header .nav>a::before{display:none}
.site-header .nav ul.sub-menu,.site-header .nav ul.children{display:none;opacity:1;visibility:visible;transform:none;position:static;box-shadow:none;border-top:0;border-radius:0;padding:0 0 6px 14px;min-width:0}
.site-header .nav li.sub-open>ul{display:block}
.site-header .nav ul.sub-menu a,.site-header .nav ul.children a{padding:10px 8px}
.site-header .nav form{margin-top:14px}
.topbar{font-size:11.5px}
.topbar-msg{display:none}
.topbar-links{margin:0 auto;gap:18px}
}

/* Top bar: light and elegant (colours can be changed in Customize > Top Bar) */
.topbar{background:var(--green-soft);color:var(--ink);border-bottom:1px solid var(--green);text-transform:none;letter-spacing:.06em;font-size:13px}
.topbar a{color:var(--ink)}
.topbar a:hover{color:var(--gold)}

/* ===== FINAL: top bar = charcoal + gold (option 12) ===== */
.topbar{background:#2B2B2B;color:#E3C98B;border-bottom:2px solid var(--gold);text-transform:none;letter-spacing:.06em;font-size:13px}
.topbar a{color:#E3C98B}
.topbar a:hover{color:#fff}
.cart-count{background:var(--gold);color:#fff}

/* Header CTA button */
.site-header .logo{order:1}
.site-header .nav{order:2}
.header-cta{order:3;display:inline-block;padding:12px 28px;background:var(--gold);color:#fff;font:500 13px 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);transition:background .25s,color .25s,transform .2s}
.header-cta:hover{background:#2B2B2B;border-color:#2B2B2B;color:#E3C98B;transform:translateY(-1px)}
.menu-toggle{order:3}
@media(max-width:900px){
.header-cta{order:2;margin-left:auto;margin-right:10px;padding:10px 18px;font-size:12px}
.menu-toggle{order:3}
.site-header .nav{order:4}
}

/* Top bar icons */
.topbar-links{gap:22px;align-items:center}
.topbar .icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#E3C98B;transition:color .2s,transform .2s}
.topbar .icon-link:hover{color:#fff;transform:translateY(-1px)}
.topbar .icon-link svg{display:block}
.topbar .cart-count{position:absolute;top:0;right:-4px;min-width:17px;height:17px;padding:0 4px;margin:0;border-radius:9px;background:var(--gold);color:#fff;font-size:11px;line-height:17px;text-align:center}
.topbar .wrap{padding-top:4px;padding-bottom:4px}

/* ===== Latest changes: light gray top bar (option 10), rose gold logo, green CTA ===== */
:root{--rose:#B76E79;--rose-deep:#9D5A64}
.logo,a.logo{color:var(--rose)}
a.logo:hover,.site-header .logo:hover,.site-footer .logo:hover{color:var(--rose-deep)}

.topbar{background:#F0F0F0;color:#2B2B2B;border-bottom:1px solid #D9D9D9}
.topbar a,.topbar .icon-link{color:#2B2B2B}
.topbar a:hover,.topbar .icon-link:hover{color:var(--rose)}
.topbar .cart-count{background:var(--rose);color:#fff}
.cart-count{background:var(--rose);color:#fff}

.header-cta{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.header-cta:hover{background:#2F5239;border-color:#2F5239;color:#fff}

/* ===== FINAL PALETTE: Emerald / Sage, Champagne / Cream / Ivory, Slate / Charcoal, Rose gold logo ===== */
:root{
  --white:#FFFDF8;        /* ivory off-white */
  --cream:#FAF6EE;
  --green:#E4ECDF;        /* light sage */
  --green-soft:#F4F7F0;   /* very light sage */
  --green-deep:#0B6E4F;   /* emerald */
  --emerald:#0B6E4F;
  --emerald-dark:#085540;
  --sage:#9CAF88;
  --gold:#CDB48C;         /* champagne gold (soft accents only) */
  --ink:#2B2B2B;          /* charcoal */
  --muted:#5B6770;        /* slate gray */
  --rose:#B76E79;         /* logo */
}
body{background:var(--white);color:var(--ink)}
a:hover{color:var(--emerald)}
.site-header{background:rgba(255,253,248,.97)}

/* Menu: emerald underline and dropdown, sage hover */
.site-header .nav>li>a::before,.site-header .nav>a::before{background:var(--emerald)}
.site-header .nav .menu-item-has-children>a::after,.site-header .nav .page_item_has_children>a::after{color:var(--sage)}
.site-header .nav ul.sub-menu,.site-header .nav ul.children{border-top-color:var(--emerald)}
.site-header .nav ul.sub-menu a::before,.site-header .nav ul.children a::before{background:var(--emerald)}
.site-header .nav ul.sub-menu a:hover,.site-header .nav ul.children a:hover{background:var(--green-soft);color:var(--emerald)}
.site-header .nav form:focus-within{border-color:var(--emerald);box-shadow:0 0 0 3px rgba(11,110,79,.16)}
.site-header .nav form button,.site-header .nav form input[type=submit]{background:var(--emerald)}
.site-header .nav form button:hover,.site-header .nav form input[type=submit]:hover{background:var(--emerald-dark)}

/* Top bar: light gray, charcoal text, emerald hover */
.topbar a:hover,.topbar .icon-link:hover{color:var(--emerald)}
.topbar .cart-count,.cart-count{background:var(--emerald);color:#fff}

/* CTA button: emerald */
.header-cta{background:var(--emerald);border-color:var(--emerald);color:#fff}
.header-cta:hover{background:var(--emerald-dark);border-color:var(--emerald-dark);color:#fff}
.btn{background:var(--emerald)}

/* Logo stays rose gold */
.logo,a.logo{color:var(--rose)}
a.logo:hover,.site-header .logo:hover,.site-footer .logo:hover{color:#9D5A64}

/* No line between the top bar and the main header */
.topbar{border-bottom:0}

/* Search box in the top bar */
.topbar .wrap{justify-content:space-between;gap:20px}
.topbar-search{display:flex;align-items:center;flex:0 1 300px;background:#fff;border:1px solid #D9D9D9;border-radius:30px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.topbar-search:focus-within{border-color:var(--green-deep);box-shadow:0 0 0 3px rgba(63,107,75,.15)}
.topbar-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:8px 16px;font:14px 'Jost',sans-serif;color:var(--ink);outline:0;-webkit-appearance:none}
.topbar-search button{border:0;background:transparent;color:var(--ink);padding:0 14px;height:34px;cursor:pointer;display:flex;align-items:center;transition:color .2s}
.topbar-search button:hover{color:var(--green-deep)}
.topbar-msg{flex:1;text-align:center}
@media(max-width:900px){
.topbar-search{flex:1 1 auto;max-width:none}
.topbar-links{margin:0;gap:8px}
}

/* Remove the lines under the top bar and above the menu (header's own bottom line stays) */
.topbar,.topbar .wrap{border-top:0!important;border-bottom:0!important;box-shadow:none!important}
.site-header{border-top:0!important;box-shadow:none}
.site-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.08)}
.site-header .wrap{border:0!important}
.topbar hr,.site-header hr{display:none!important}
@media(min-width:901px){
.site-header .nav,.site-header nav{border:0!important}
}
/* One search box only (the top bar one); hide any extra search form inside the menu */
body:not(.aikyor-search-plugin) .site-header .nav form,body:not(.aikyor-search-plugin) .site-header .nav .search-form,body:not(.aikyor-search-plugin) .site-header .nav [class*=search]{display:none!important}
.aikyor-search-plugin .header-search{display:none!important}

/* Search box: clearly different from the top bar colour */
.topbar-search{background:#fff;border:1px solid #A8A8A8;box-shadow:0 1px 4px rgba(0,0,0,.10)}
.topbar-search:focus-within{border-color:var(--green-deep);box-shadow:0 0 0 3px rgba(11,110,79,.18)}
.topbar-search input[type=search]{color:#2B2B2B;padding:8px 6px 8px 18px}
.topbar-search input[type=search]::placeholder{color:#6B6B6B;opacity:1}
.topbar-search button{flex:0 0 30px;width:30px;height:30px;padding:0;margin:3px;border-radius:50%;justify-content:center;background:var(--green-deep);color:#fff}
.topbar-search button:hover{color:#fff;filter:brightness(.88)}

/* Top bar: light green background, search box + smile (Shop and Smile) button */
.topbar{background:#E4ECDF}
.tb-left{display:flex;align-items:center;gap:12px;flex:0 1 auto}
.tb-smile{position:relative;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#FFFDF8;color:#1B2A49;border:1.5px solid #2B2B2B;border-radius:50%;transition:transform .2s,border-color .2s,color .2s,background .2s}
.tb-smile:hover{background:#fff;color:var(--green-deep);border-color:var(--green-deep);transform:translateY(-1px)}
.tb-smile svg{display:block}
.tb-smile::after{content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#2B2B2B;color:#fff;padding:5px 12px;border-radius:4px;font:12px 'Jost',sans-serif;letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:300}
.tb-smile:hover::after,.tb-smile:focus-visible::after{opacity:1}
@media(max-width:900px){
.tb-left{flex:1 1 auto;min-width:0}
.menu-toggle{margin-left:auto}
}
.topbar .tb-smile{color:#1B2A49}
.topbar .tb-smile:hover{color:var(--green-deep)}

/* ======================================================================
   FINAL HEADER
   Top bar: person, heart, cart, smile  |  Header: logo, search, menu
   ====================================================================== */
.topbar{position:relative;z-index:300;background:#E4ECDF;border:0}
.topbar .wrap{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:4px;padding-bottom:4px}
.topbar-msg{flex:1;text-align:left;font-size:13px;letter-spacing:.06em}
.topbar-links{display:flex;align-items:center;gap:6px;margin-left:auto}
.tb-item{position:relative}
.topbar .icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#2B2B2B;transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.topbar .icon-link svg{display:block}
.topbar .icon-link:hover{color:var(--emerald);transform:translateY(-1px)}
.topbar .icon-link.is-open{background:#FFFDF8;box-shadow:0 0 0 1.5px #CDB48C;transform:none}
.topbar .icon-link.is-open svg{stroke:url(#aikyor-grad)}
.topbar .cart-count{position:absolute;top:0;right:-3px;min-width:17px;height:17px;padding:0 4px;margin:0;border-radius:9px;background:var(--emerald);color:#fff;font-size:11px;line-height:17px;text-align:center}

/* The box that opens under each symbol */
.topbar .tb-panel{position:absolute;right:-6px;top:calc(100% + 12px);width:300px;max-width:calc(100vw - 24px);background:#fff;color:#2B2B2B;border-top:3px solid;border-image:linear-gradient(90deg,#B76E79,#CDB48C,#0B6E4F) 1;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:18px 18px 20px;font:14px 'Jost',sans-serif;letter-spacing:0;text-transform:none;text-align:left;z-index:400;animation:tbIn .22s ease}
.topbar .tb-panel[hidden]{display:none}
@keyframes tbIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.topbar .tb-panel h4{margin:0 0 8px;font:500 16px 'Jost',sans-serif;letter-spacing:.06em;color:#2B2B2B}
.topbar .tb-panel p{margin:0 0 12px;color:var(--muted)}
.topbar .tb-panel .tb-link{display:block;padding:9px 0;border-bottom:1px solid #F0F0F0;color:#2B2B2B}
.topbar .tb-panel .tb-link:hover{color:var(--emerald)}
.topbar .tb-panel .tb-btn,.topbar .tb-panel .woocommerce-mini-cart__buttons a.button{display:block;margin:10px 0 0;padding:10px;text-align:center;font:500 12px 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--emerald);background:var(--emerald);color:#fff;border-radius:0}
.topbar .tb-panel .tb-btn:hover,.topbar .tb-panel .woocommerce-mini-cart__buttons a.button:hover{background:var(--emerald-dark);border-color:var(--emerald-dark);color:#fff}
.topbar .tb-panel .tb-btn.o,.topbar .tb-panel .woocommerce-mini-cart__buttons a.button:not(.checkout){background:#fff;color:var(--emerald)}
.topbar .tb-panel .tb-btn.o:hover,.topbar .tb-panel .woocommerce-mini-cart__buttons a.button:not(.checkout):hover{background:var(--green-soft);color:var(--emerald)}
/* WooCommerce mini cart inside the cart box */
.topbar .tb-panel .woocommerce-mini-cart{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}
.topbar .tb-panel .woocommerce-mini-cart-item{position:relative;display:block;padding:9px 22px 9px 0;border-bottom:1px solid #F0F0F0;font-size:13px;line-height:1.35;overflow:hidden}
.topbar .tb-panel .woocommerce-mini-cart-item img{float:left;width:46px;height:auto;margin:0 10px 0 0}
.topbar .tb-panel .woocommerce-mini-cart-item a.remove{position:absolute;right:0;top:8px;color:var(--muted);font-size:16px}
.topbar .tb-panel .woocommerce-mini-cart-item a:not(.remove){display:block;font-weight:500;color:#2B2B2B}
.topbar .tb-panel .woocommerce-mini-cart-item .quantity{display:block;color:var(--muted);font-size:12.5px}
.topbar .tb-panel .woocommerce-mini-cart__total{display:flex;justify-content:space-between;margin:12px 0 2px}
.topbar .tb-panel .woocommerce-mini-cart__buttons{margin:0}
.topbar .tb-panel .woocommerce-mini-cart__empty-message{color:var(--muted)}

/* Header: logo, search beside it, then the menu */
.site-header .logo{order:1;color:var(--rose)}
.header-search{order:2;display:flex;align-items:center;flex:0 0 250px;margin:0 0 0 30px;background:#fff;border:1px solid #A8A8A8;border-radius:30px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.header-search:focus-within{border-color:var(--emerald);box-shadow:0 0 0 3px rgba(11,110,79,.16)}
.header-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:9px 6px 9px 16px;font:13.5px 'Jost',sans-serif;color:#2B2B2B;outline:0;-webkit-appearance:none}
.header-search input[type=search]::placeholder{color:#6B6B6B;opacity:1}
.header-search button{display:flex;align-items:center;height:38px;padding:0 14px;border:0;background:transparent;color:var(--emerald);cursor:pointer;transition:color .2s}
.header-search button:hover{color:var(--emerald-dark)}
.site-header .nav{order:3;margin-left:auto;gap:26px}
.menu-toggle{order:4}

@media(max-width:900px){
.topbar .tb-item{position:static}
.topbar .tb-panel{left:12px;right:12px;top:100%;width:auto;max-width:none;margin-top:4px}
.site-header .logo{order:1}
.menu-toggle{order:2;margin-left:auto}
.header-search{order:3;flex:1 1 100%;margin:12px 0 0}
.site-header .nav{order:4;margin-left:0}
}

/* Gold 4-point star pointer on top of every opened box (points to the symbol you clicked) */
.topbar .tb-panel::before{content:"";position:absolute;top:-15px;left:var(--arrow-x,calc(100% - 25px));width:22px;height:22px;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D9AE52' d='M12 0C12.4 7.5 15.5 11.4 24 12C15.5 12.6 12.4 16.5 12 24C11.6 16.5 8.5 12.6 0 12C8.5 11.4 11.6 7.5 12 0Z'/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));pointer-events:none}

/* Menu underline (hover / current page) and dropdown top line: rose gold, gold, green mix */
.site-header .nav>li>a::before,.site-header .nav>a::before{height:2px;background:linear-gradient(90deg,#B76E79,#CDB48C,#0B6E4F)}
.site-header .nav ul.sub-menu,.site-header .nav ul.children{border-top:3px solid;border-image:linear-gradient(90deg,#B76E79,#CDB48C,#0B6E4F) 1;border-radius:0}
.site-header .nav ul.sub-menu a::before,.site-header .nav ul.children a::before{background:linear-gradient(180deg,#B76E79,#CDB48C,#0B6E4F)}


/* ===== Hero banner + Shop by Category cards (pastel luxury design) ===== */

.cc-section{background:#FDF6F0;padding:56px 0 88px}
.cc-section .section-title{margin-bottom:36px}
.cc-wrap{max-width:1320px}
.cc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.cc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid #D8BC8E;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#FBF5EE 0%,#F9E9E3 100%);box-shadow:0 12px 28px rgba(150,110,80,.14);padding-bottom:22px;transition:transform .25s,box-shadow .25s;color:var(--ink)}
.cc:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(150,110,80,.22);color:var(--ink)}
.cc-media{position:relative;width:100%;aspect-ratio:264/250}
.cc-media .media{height:100%}
.cc-media::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-1px;height:52px;background:#FBF3EC;border-radius:50% 50% 0 0/100% 100% 0 0}
.cc-icon{position:relative;z-index:2;width:56px;height:56px;margin-top:-30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;border:3px solid #FBF3EC;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.cc-title{margin:12px 12px 4px;font-size:28px;font-weight:500;color:#1F3A2E}
.cc-sub{margin:0 12px 16px;font-size:14px;color:#4d4d4d}
.cc-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 26px;border-radius:30px;background:var(--accent);color:#fff;font:500 14px 'Jost',sans-serif;letter-spacing:.04em}

@media(max-width:1000px){
  .cc-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 24px 22px;margin:0 -24px}
  .cc-grid::-webkit-scrollbar{display:none}
  .cc{flex:0 0 250px;scroll-snap-align:center}
}
@media(max-width:760px){
  .cc-section{padding:36px 0 64px}
  .cc{flex-basis:72vw;max-width:290px}
}


/* ===== Hero slider (design 1) ===== */
:root{--gold-grad:linear-gradient(135deg,#F5E3B0,#CDB48C 30%,#F9EDC8 55%,#C8A45E 80%,#F2DFA6)}
@keyframes hsspin{to{transform:rotate(360deg)}}

/* ===== Featured Collections: phone-shape cards, gold coated border ===== */
.pc-section{background:#FDF6F0}
.pc-wrap{max-width:1240px}
.pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.pc{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 14px 22px;border:5px solid transparent;border-radius:40px;color:#fff;background:linear-gradient(160deg,var(--c1),var(--c2)) padding-box,var(--gold-grad) border-box;box-shadow:0 14px 30px rgba(120,90,40,.28),0 0 0 1px rgba(205,180,140,.55);transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-6px);color:#fff;box-shadow:0 20px 38px rgba(120,90,40,.34),0 0 0 1px rgba(205,180,140,.7)}
.pc-ring{width:100%;padding:4px;border-radius:30px;background:linear-gradient(135deg,#F3E49A,#58D0B0 45%,#B79BE8)}
.pc-ring .media{aspect-ratio:3/3.5;border-radius:26px;background:rgba(255,255,255,.25)}
.pc-ring .ph{background:rgba(255,255,255,.25);color:#fff}
.pc-chip{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font:500 11px 'Jost',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.pc-chip svg{color:#F5E3B0}
.pc h3{margin:6px 8px 4px;font-size:30px;line-height:1.1;font-weight:500;color:#fff}
.pc p{margin:0 8px 16px;font-size:14px;color:rgba(255,255,255,.88)}
.pc-btn{display:inline-block;padding:9px 28px;background:#fff;color:var(--c2);font:500 12px 'Jost',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.pc-dots{display:flex;gap:7px;margin-top:18px}
.pc-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}
.pc-dots i.on{width:22px;border-radius:5px;background:#F5E3B0}

@media(max-width:1000px){
  .pc-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 24px 22px;margin:0 -24px}
  .pc-grid::-webkit-scrollbar{display:none}
  .pc{flex:0 0 260px;scroll-snap-align:center}
}
/* mobile: each hero slide becomes a phone-shape card */
@media(max-width:760px){
  .pc-section{padding:48px 0 64px}
  .pc{flex-basis:72vw;max-width:290px}
}

/* ===== Main bar: hover / cursor colours (change these 2 values to recolour everything) ===== */
:root{--hover:#B76E79;--hover-dark:#9D5A64;--hover-soft:#FBEFF0}
a:hover{color:var(--hover-dark)}
.topbar a:hover,.topbar .icon-link:hover,.topbar .tb-panel .tb-link:hover,.topbar-search button:hover,.topbar .tb-smile:hover,a.logo:hover,.site-header .logo:hover{color:var(--hover)}
.site-header .nav>li:hover>a,.site-header .nav>a:hover,.site-header .nav>li.current-menu-item>a,.site-header .nav>li.current_page_item>a,.site-header .nav>li.current-menu-ancestor>a{color:var(--hover-dark)}
.site-header .nav ul.sub-menu a:hover,.site-header .nav ul.children a:hover,.topbar .tb-panel .tb-btn.o:hover{background:var(--hover-soft);color:var(--hover-dark)}
.header-cta:hover,.topbar .tb-panel .tb-btn:hover,.topbar .tb-panel .woocommerce-mini-cart__buttons a.button:hover{background:var(--hover-dark);border-color:var(--hover-dark);color:#fff}
.topbar-search:focus-within,.site-header .nav form:focus-within,.header-search:focus-within{border-color:var(--hover);box-shadow:0 0 0 3px rgba(183,110,121,.2)}
input,textarea,select{caret-color:var(--hover)}
::selection{background:#F3D3D7;color:#2B2B2B}
a:focus-visible,button:focus-visible{outline:2px solid var(--hover);outline-offset:2px}


/* ===== Main bar: white header, bold logo, coloured top bar ===== */
/* Top bar colour options (change the 3 values below):
   Royal blue --topbar-bg:#2243B6  --topbar-fg:#fff   (current)
   Navy      --topbar-bg:#1F2A44  --topbar-fg:#fff
   Sky blue  --topbar-bg:#8FC8EA  --topbar-fg:#1F2A44
   Dark gray --topbar-bg:#3A3F47  --topbar-fg:#fff */
:root{--topbar-bg:#2243B6;--topbar-fg:#ffffff;--topbar-hover:#F5E3B0}
.topbar{background:var(--topbar-bg);color:var(--topbar-fg);border:0}
.topbar-msg{color:var(--topbar-fg)}
.topbar .icon-link{color:var(--topbar-fg)}
.topbar .icon-link:hover{color:var(--topbar-hover)}
.site-header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.logo,a.logo,.site-header .logo,.site-footer .logo{font-weight:700}

/* never let the page become wider than the phone screen */
html,body{max-width:100%;overflow-x:clip}

/* ===== Hero: every slide has its own layout ===== */
/* slide 2 & 4: half content / half image */
/* slide 3: image left, content middle, image right */
@media(max-width:1000px){
}
/* phone: every slide turns into the same phone-shape card */
@media(max-width:760px){
}

/* ===== About: photo background, neat readable panel ===== */
.about{position:relative;overflow:hidden;background:#0F3D2E;color:#fff;padding:120px 0}
.about-bg{position:absolute;inset:0}
.about-bg .media{height:100%}
.about-bg .ph{font-size:0;background:linear-gradient(135deg,#0F3D2E,#1F4A55)}
.about-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,32,28,.58),rgba(14,32,28,.74))}
.about .wrap{position:relative;z-index:2}
.about .inner{max-width:780px;padding:52px 40px;background:rgba(255,253,248,.10);border:1px solid rgba(227,201,139,.65);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.about h2{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.about p{color:rgba(255,255,255,.94);text-shadow:0 1px 8px rgba(0,0,0,.3)}
@media(max-width:700px){.about{padding:72px 0}.about .inner{padding:36px 22px}}
@media(max-width:760px){.hs:has(.hs-slide.trio.active) .hs-ctl{left:auto;transform:none}}


/* ===== Hero slider: rectangular banner (each slide has its own layout) ===== */
.hs{background:none;padding:26px 0 6px}
.hs-stage{position:relative;max-width:1200px;margin:0 auto;padding:0 24px}
.hs-track{display:grid;border-radius:20px;overflow:hidden;border:1px solid #E8D9B5;box-shadow:0 14px 34px rgba(120,90,60,.15)}
.hs-slide{grid-area:1/1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;min-height:440px;padding:40px 56px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.hs-slide.active{opacity:1;visibility:visible}
.hs-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:#FFFDF8;border:1px solid #E8D9B5;font:500 12px 'Jost',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#2B2B2B}
.hs-chip svg{color:#CDB48C}
.hs h1{font-size:clamp(36px,4.6vw,64px);line-height:1.05;font-weight:500;color:#2B2B2B;margin:18px 0 14px}
.hs h1 em{font-style:italic;font-weight:600;padding-right:.06em;background:linear-gradient(90deg,#B76E79,#D69A9F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hs-sub{font-size:18px;color:#4d4d4d;margin:0 0 26px;max-width:460px}
.hs-btns{display:flex;gap:14px;flex-wrap:wrap}
.hs-btn{display:inline-flex;align-items:center;padding:14px 34px;border-radius:40px;font:500 14px 'Jost',sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:transform .2s}
.hs-btn.p{background:linear-gradient(90deg,#0B6E4F,#12A06F);color:#fff;box-shadow:0 10px 22px rgba(11,110,79,.28)}
.hs-btn.s{border:1px solid #1F2A44;color:#1F2A44;background:rgba(255,255,255,.45)}
.hs-btn:hover{transform:translateY(-2px)}.hs-btn.p:hover{color:#fff}.hs-btn.s:hover{color:#1F2A44}
.hs-art{position:relative;justify-self:center;width:min(100%,430px)}
.hs-arch{padding:5px;border-radius:20px;background:linear-gradient(160deg,#C9A45C 0%,#0B6E4F 38%,#B76E79 100%);box-shadow:0 18px 36px rgba(120,80,70,.22)}
.hs-arch .media{height:340px;border-radius:16px;background:#F2E7DD}
.hs-tag{position:absolute;padding:9px 16px;border-radius:30px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px rgba(0,0,0,.1);font:400 12px 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#2B2B2B}
.hs-tag.a{left:-46px;top:62%}
.hs-tag.b{right:-22px;bottom:10%}
.hs-tag i{font-style:normal;color:#CDB48C}
.hs-ctl{position:absolute;left:52px;bottom:22px;display:flex;align-items:center;gap:14px;z-index:3;background:rgba(255,255,255,.85);padding:7px 14px;border-radius:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hs-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #1F2A44;background:transparent;color:#1F2A44;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.hs-arrow:hover{background:#1F2A44;color:#fff}
.hs-dots{display:flex;align-items:center;gap:8px}
.hs-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#CDB48C;cursor:pointer;transition:width .3s,background .3s}
.hs-dot.on{width:28px;border-radius:6px;background:linear-gradient(90deg,#0B6E4F,#B76E79)}

@media(min-width:761px){
  .hs-slide.arch{background:linear-gradient(100deg,#F9DCDF 0%,#FCEEEA 42%,#FBF3E4 68%,#DDF0E6 100%)}
  .hs-slide.split,.hs-slide.trio{background:var(--bg)}
  .hs-slide{padding-bottom:80px}
  /* slide 2 & 4: half content / half image */
  .hs-slide.split{padding:0;gap:0;align-items:stretch}
  .hs-slide.split .hs-text{align-self:center;padding:40px 40px 70px 56px}
  .hs-slide.split .hs-art{width:auto;justify-self:stretch;min-height:440px}
  .hs-slide.split .hs-arch{position:absolute;inset:0;padding:0;border-radius:0;background:none;box-shadow:none}
  .hs-slide.split .hs-arch .media{height:100%;border-radius:0}
  .hs-slide.split.rev .hs-art{order:-1}
  .hs-slide.split.rev .hs-text{padding:40px 56px 70px 40px}
  /* slide 3: image left, content middle, image right */
  .hs-slide.trio{padding:0;gap:0;grid-template-columns:28% 1fr 28%;align-items:stretch}
  .hs-slide.trio .hs-img{position:relative;min-height:440px}
  .hs-slide.trio .hs-img .media{position:absolute;inset:0;border-radius:0}
  .hs-slide.trio .hs-text{align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 28px 70px}
  .hs-slide.trio h1{font-size:clamp(32px,3.6vw,52px)}
  .hs-slide.trio .hs-sub{margin-left:auto;margin-right:auto}
  .hs-slide.trio .hs-btns{justify-content:center}
  .hs:has(.hs-slide.trio.active) .hs-ctl{left:50%;transform:translateX(-50%)}
}
@media(min-width:761px) and (max-width:1000px){
  .hs-slide{padding:32px 32px}
  .hs-slide.split .hs-text{padding:32px 24px 70px 32px}
  .hs-slide.split.rev .hs-text{padding:32px 32px 70px 24px}
  .hs-art{width:min(100%,340px)}.hs-arch .media{height:290px}
  .hs-tag.a{left:-16px}.hs-tag.b{right:-8px}.hs-new{left:-8px}
  .hs-slide.trio{grid-template-columns:24% 1fr 24%}
  .hs-ctl{left:32px}
}

/* phone: every slide is a rectangular card, shown with display (no hidden tricks) */
@media(max-width:760px){
  .hs{padding:16px 0 4px}
  .hs-stage{padding:0 16px}
  .hs-track{display:block;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .hs-slide{display:none;opacity:1;visibility:visible;min-height:0;padding:12px 12px 26px;gap:0;max-width:360px;margin:0 auto;text-align:center;border:4px solid transparent;border-radius:20px;background:linear-gradient(160deg,var(--c1,#B5557F),var(--c2,#8B2257)) padding-box,var(--gold-grad,linear-gradient(135deg,#F5E3B0,#C8A45E)) border-box;box-shadow:0 12px 26px rgba(120,90,40,.25)}
  .hs-slide.active{display:flex;flex-direction:column;align-items:center;animation:hsfade .5s ease}
  .hs-slide.trio.active{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}
  .hs-slide.trio .hs-img{order:-1}
  .hs-slide.trio .hs-img .media{height:200px;border-radius:13px;border:3px solid #F3E49A}
  .hs-slide.trio .hs-text{grid-column:1/-1;order:3}
  .hs-art{order:-1;width:100%}
  .hs-arch{padding:3px;border-radius:16px;background:linear-gradient(135deg,#F3E49A,#58D0B0 45%,#B79BE8);box-shadow:none}
  .hs-arch .media{height:230px;border-radius:13px}
  .hs-tag,.hs-new,.hs-btn.s,.hs-arrow{display:none}
  .hs-text{display:flex;flex-direction:column;align-items:center}
  .hs-chip{background:transparent;border:0;padding:0;margin-top:16px;font-size:11px;color:rgba(255,255,255,.92)}
  .hs-chip svg{color:#F5E3B0}
  .hs h1{font-size:30px;color:#fff;margin:6px 6px 8px}
  .hs h1 em{background:none;-webkit-text-fill-color:#fff;color:#fff}
  .hs-sub{font-size:14px;color:rgba(255,255,255,.92);margin:0 8px 16px}
  .hs-btn.p{background:#fff;color:var(--c2,#8B2257);box-shadow:none;padding:10px 30px;font-size:12px;border-radius:4px}
  .hs-btn.p:hover{color:var(--c2,#8B2257)}
  .hs-ctl{position:static;justify-content:center;margin:14px auto 0;background:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@keyframes hsfade{from{opacity:0}to{opacity:1}}

/* ===== AIKYOR Stories: A4-style reading page ===== */
.sheet{max-width:794px;margin:0 auto;background:#fff;padding:64px 72px;border:1px solid #EFE7D8;box-shadow:0 10px 40px rgba(0,0,0,.07)}
.sheet h1{font-size:44px;line-height:1.15;font-weight:600;margin:0 0 6px;color:#1F2A2A}
.story-meta{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #EEE6D8;font:400 13px 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a7f78}
.sheet .entry{font-size:17px;line-height:1.8;color:#2B2B2B}
.sheet .entry p{margin:0 0 1.1em}
.sheet .entry h2{font-size:30px;line-height:1.15;font-weight:600;margin:1.5em 0 .25em;color:#1F2A2A}
.sheet .entry h3{font-size:25px;line-height:1.2;font-weight:600;margin:1.4em 0 .2em;color:#1F2A2A}
.sheet .entry h4{font-size:20px;line-height:1.25;font-weight:600;margin:1.3em 0 .2em;color:#1F2A2A}
.sheet .entry>*:first-child{margin-top:0}
.sheet .entry ul,.sheet .entry ol{margin:0 0 1.2em;padding-left:1.4em}
.sheet .entry li{margin-bottom:.4em}
.sheet .entry img{max-width:100%;height:auto;border-radius:6px}
.sheet .entry figure{margin:1.4em 0}
.sheet .entry blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--rose);font:italic 500 22px/1.5 'Cormorant Garamond',serif;color:#3a3a3a}
.sheet .entry a{color:var(--rose-deep);text-decoration:underline;text-underline-offset:3px}
.stories{max-width:794px}
.stories-title{font-size:44px;font-weight:600;margin:0 0 30px;text-align:center}
.story-card{margin:0 0 34px;padding:0 0 30px;border-bottom:1px solid #E9E2D6}
.story-card h2{font-size:30px;line-height:1.15;font-weight:600;margin:0 0 2px}
.story-card .story-meta{margin:0 0 8px;padding:0;border:0}
.story-excerpt{font-size:17px;line-height:1.8}
.story-excerpt p{margin:0 0 .9em}
.story-more{font:500 13px 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-deep)}
@media(max-width:760px){.sheet{padding:28px 20px;border:0;box-shadow:none}.sheet h1{font-size:32px}.sheet .entry{font-size:16.5px}.sheet .entry h2{font-size:27px}.stories-title{font-size:34px}.story-card h2{font-size:27px}}

.sheet .entry p:empty{display:none}
.sheet .entry h2+p,.sheet .entry h3+p,.sheet .entry h4+p{margin-top:0}
.story-excerpt>*:first-child{margin-top:0}

/* ===== Luxurious shining gold borders ===== */
:root{--gold-shine:linear-gradient(135deg,#7A5A12 0%,#D4AF37 14%,#FFF2B8 28%,#E6C55A 42%,#B8860B 58%,#F7E08A 72%,#C99A2E 86%,#8A6A1F 100%);--gold-grad:var(--gold-shine)}
@keyframes goldshine{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}100%{background-position:0 0,0% 50%}}
.cc{border:3px solid transparent;background:linear-gradient(180deg,#FBF5EE 0%,#F9E9E3 100%) padding-box,var(--gold-shine) border-box;background-size:100% 100%,300% 300%;animation:goldshine 8s linear infinite;box-shadow:0 12px 28px rgba(150,110,80,.14),0 0 16px rgba(212,175,55,.35)}
.pc{background-size:100% 100%,300% 300%;animation:goldshine 8s linear infinite;box-shadow:0 14px 30px rgba(120,90,40,.28),0 0 18px rgba(212,175,55,.5)}
.pc-ring,.hs-arch,.hs-inset{background:var(--gold-shine)}
@media(min-width:761px){
  .hs-track{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gold-shine) border-box;background-size:100% 100%,300% 300%;animation:goldshine 8s linear infinite;box-shadow:0 14px 34px rgba(120,90,60,.18),0 0 24px rgba(212,175,55,.4)}
  .hs-slide.duo{background:var(--bg)}
  .hs-inset{position:absolute;left:-40px;bottom:-26px;width:150px;padding:4px;border-radius:14px;box-shadow:0 12px 26px rgba(0,0,0,.2),0 0 14px rgba(212,175,55,.5);z-index:2}
  .hs-inset .media{height:190px;border-radius:11px}
  .hs-slide.duo .hs-tag.a{top:30%}
  .hs-slide.split .hs-inset{left:auto;right:28px;bottom:28px;width:160px}
}
@media(max-width:760px){
  .hs-inset{display:none}
  .hs-slide.active{background-size:100% 100%,300% 300%;animation:hsfade .5s ease,goldshine 8s linear infinite}
}
@media(prefers-reduced-motion:reduce){.cc,.pc,.hs-track,.hs-slide.active{animation:none!important}}


/* ===== Logo: shining rose gold ===== */
.logo,a.logo,.site-header .logo,.site-footer .logo,.stories-title .aik{color:#B76E79;background:linear-gradient(100deg,#A9566A 0%,#D98E94 18%,#E9A89F 32%,#C97F86 48%,#E3A099 64%,#B76E79 80%,#A9566A 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rgshine 6s linear infinite}
@keyframes rgshine{0%{background-position:0% 0}100%{background-position:200% 0}}

/* ===== Search box: bright, rose-gold accent ===== */
.header-search{background:#fff;border:2px solid #E3A7A0;box-shadow:0 3px 14px rgba(183,110,121,.28)}
.header-search:focus-within{border-color:#B76E79;box-shadow:0 0 0 4px rgba(183,110,121,.22),0 4px 16px rgba(183,110,121,.35)}
.header-search input[type=search]{color:#1F1F1F;font-weight:500}
.header-search input[type=search]::placeholder{color:#6a5a5a;opacity:1}
.header-search button{width:38px;height:38px;margin:2px 3px 2px 0;padding:0;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#B76E79,#E8A9A0);color:#fff}
.header-search button:hover{background:linear-gradient(135deg,#9D5A64,#D98E94);color:#fff}

/* ===== Top bar: colour changes one after another (royal blue, navy, gray, sky blue, green) =====
   To stop the changing and keep one colour, delete the 2 "animation:" lines below. */
.topbar{animation:topbarbg 24s ease-in-out infinite}
.topbar .icon-link,.topbar-msg{animation:topbarfg 24s ease-in-out infinite}
@keyframes topbarbg{
  0%,14%{background-color:#2243B6}
  20%,34%{background-color:#1F2A44}
  40%,54%{background-color:#3A3F47}
  60%,74%{background-color:#8FC8EA}
  80%,94%{background-color:#0B6E4F}
  100%{background-color:#2243B6}
}
@keyframes topbarfg{
  0%,54%{color:#ffffff}
  58%,76%{color:#1F2A44}
  80%,100%{color:#ffffff}
}
@media(prefers-reduced-motion:reduce){.topbar,.topbar .icon-link,.topbar-msg,.logo,a.logo,.stories-title .aik{animation:none!important}}

/* ===== Hero: static gold "New Collection" tag (replaces the spinning circle) ===== */
.hs-new{position:absolute;top:18px;left:-14px;z-index:3;padding:7px 16px;border-radius:3px;background:var(--gold-shine);color:#4a3200;font:600 11px 'Jost',sans-serif;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 6px 14px rgba(0,0,0,.18)}

/* ===== AIKYOR Stories title: AIKYOR in logo colour, Stories in green ===== */
.stories-title .aik{font-weight:700;letter-spacing:.14em}
.stories-title .stories-g{color:#0B6E4F}

.topbar .cart-count{background:#F5E3B0;color:#1F2A44}