@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--blush:#fbe5df;--rose:#e91550;--burgundy:#8d1738;--gold:#d5ad69;--cream:#fff9f5;--ink:#24151a;--muted:#806d72;--line:#f0d9d7;--surface:#fff;--shadow:0 8px 28px rgba(141,23,56,.08);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fffaf8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff6f2,#fffaf8 45%,#fff)}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}button,input,select,textarea{font:inherit}button,.btn{background:linear-gradient(100deg,var(--rose),#f32d70);color:#fff;border:0;border-radius:999px;padding:11px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;box-shadow:0 5px 14px #e9155022;transition:transform .15s,filter .15s}button:hover,.btn:hover{filter:brightness(1.04);transform:translateY(-1px);color:#fff}.btn.secondary{background:#fff;color:var(--burgundy);border:1px solid var(--line);box-shadow:none}.site-header{background:#fff7f4ee;border-bottom:1px solid #f5dcd8;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-main{max-width:1540px;margin:auto;padding:13px 24px;display:grid;grid-template-columns:270px minmax(220px,1fr) auto;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:11px;color:var(--burgundy);font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.45rem,2vw,2.25rem);font-weight:800;letter-spacing:-.04em}.brand-mark{width:48px;height:48px;border:2px solid #dcae81;border-radius:16px 16px 18px 18px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#ffd5dc);font-family:Georgia,serif;font-size:2rem;color:var(--rose);box-shadow:inset 0 0 0 3px white}.brand small{display:block;text-align:center;font:600 .52rem 'DM Sans',sans-serif;letter-spacing:.35em;color:#805d60}.search-form{display:flex;background:#fff;border:1px solid #efd4d0;border-radius:999px;padding:4px;box-shadow:0 3px 14px #8d17380c}.search-form input{min-width:0;flex:1;border:0;outline:0;padding:10px 14px;background:transparent}.header-actions{display:flex;gap:18px;align-items:center;font-size:.91rem;white-space:nowrap}.header-actions a{display:flex;align-items:center;gap:7px}.nav-strip{max-width:1540px;margin:auto;padding:0 24px 12px;display:flex;gap:8px;overflow:auto;scrollbar-width:none}.nav-strip a{white-space:nowrap;padding:8px 13px;border-radius:999px;font-size:.86rem}.nav-strip a:first-child{background:var(--rose);color:white}.mobile-nav{display:none}.site-main{max-width:1540px;margin:18px auto 40px;padding:0 24px}.messages{background:#fff2c9;border:1px solid #f2dfa3;padding:12px 16px;border-radius:12px;margin-bottom:16px}.hero-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.category-rail{background:white;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}.category-rail h3{background:linear-gradient(100deg,var(--rose),#f33b72);color:#fff;border-radius:10px;margin:0 0 7px;padding:13px;font-size:.9rem}.category-rail a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;font-size:.84rem}.category-rail a:hover{background:#fff0f2}.cat-icon{width:25px;text-align:center;font-size:1.1rem}.hero{min-height:280px;border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:center;padding:clamp(22px,4vw,60px);background:radial-gradient(circle at 78% 32%,#fff8ed 0 8%,transparent 8.5%),radial-gradient(circle at 82% 70%,#ffc5d0 0 12%,transparent 12.5%),linear-gradient(110deg,#f9c5b9,#fff0e8 48%,#f7b7c8);border:1px solid #f0c6c4}.hero:after{content:'✿  ♡  ✧  ♡  ✿';position:absolute;right:3%;bottom:12%;font-size:clamp(1.5rem,4vw,3.7rem);letter-spacing:.12em;color:#b52c53;opacity:.72;transform:rotate(-8deg)}.hero-copy{position:relative;z-index:1;max-width:480px}.eyebrow{color:var(--burgundy);font-weight:800;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase}.hero h1{font:800 clamp(2rem,4vw,4.2rem)/.98 'Playfair Display',Georgia,serif;margin:12px 0;color:#35141d;letter-spacing:-.04em}.hero h1 span{color:var(--rose)}.hero p{max-width:350px;color:#65454d}.hero-art{position:absolute;right:10%;top:12%;font-size:clamp(4rem,12vw,10rem);filter:drop-shadow(0 15px 15px #9a284a33);transform:rotate(-8deg)}.sale-stamp{position:absolute;right:3%;top:10%;width:104px;height:104px;border-radius:50%;border:2px solid #d7a96e;background:#fff7ecdd;display:grid;place-content:center;text-align:center;color:var(--burgundy);font-size:.7rem}.sale-stamp strong{font:800 1.8rem 'Playfair Display'}.quick-categories{display:grid;grid-template-columns:repeat(12,minmax(70px,1fr));gap:9px;margin:14px 0}.quick-category{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:.76rem;padding:9px 4px;border-radius:14px}.quick-category:hover{background:#fff0f3}.quick-category .bubble{width:clamp(50px,5vw,78px);height:clamp(50px,5vw,78px);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#ffe4e5);border:1px solid #f5d9d8;box-shadow:0 4px 12px #a83d5110;font-size:clamp(1.45rem,2.4vw,2.4rem)}.benefits{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 8px;margin:14px 0;box-shadow:var(--shadow)}.benefit{display:flex;align-items:center;justify-content:center;gap:9px;padding:3px 10px;border-right:1px solid var(--line);font-size:.77rem}.benefit:last-child{border:0}.benefit b{display:block}.benefit .symbol{font-size:1.55rem;color:var(--rose)}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 22px}.promo{min-height:105px;padding:17px;border-radius:15px;overflow:hidden;position:relative;border:1px solid #f1d3d1;background:linear-gradient(120deg,#ffe6e2,#fff7ed)}.promo:nth-child(2){background:linear-gradient(120deg,#ffd6e2,#fff0f2)}.promo:nth-child(3){background:linear-gradient(120deg,#fff0dc,#fce2e8)}.promo h3{font:700 1.15rem 'Playfair Display';margin:0 0 4px;color:var(--burgundy)}.promo p{font-size:.8rem;margin:0 0 10px}.promo .btn{font-size:.72rem;padding:7px 12px}.promo .decor{position:absolute;right:8px;bottom:0;font-size:3.8rem;opacity:.36}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0 12px}.section-head h2{font:700 1.6rem 'Playfair Display';margin:0}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs a{font-size:.8rem;padding:8px 12px;border-radius:999px}.filter-tabs a.active,.filter-tabs a:hover{background:var(--rose);color:white}.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.product-card{background:white;border:1px solid #f0dedd;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #9b4b5208;min-width:0;transition:transform .16s,box-shadow .16s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{height:clamp(120px,14vw,205px);display:grid;place-items:center;background:linear-gradient(145deg,#fff3ef,#f9dfe2);overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.product-emoji{font-size:clamp(3rem,5vw,5.2rem);filter:drop-shadow(0 10px 8px #8d173822)}.discount{position:absolute;left:8px;bottom:8px;background:var(--rose);color:white;border-radius:6px;padding:4px 7px;font-size:.72rem;font-weight:800}.wishlist{position:absolute;right:8px;top:8px;background:#ffffffde;color:var(--burgundy);border-radius:50%;width:32px;height:32px;padding:0;box-shadow:none;font-size:1.1rem}.product-info{padding:10px}.product-info h3{font-size:.84rem;font-weight:600;line-height:1.35;margin:0 0 6px;min-height:2.2em}.rating{color:#e6a52e;font-size:.75rem;margin:5px 0}.price{font-weight:800;color:var(--rose);font-size:1.02rem}.price small{color:#a39396;font-size:.74rem;font-weight:400;text-decoration:line-through;margin-left:4px}.product-info .btn{width:100%;margin-top:9px;padding:9px 7px;font-size:.77rem}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card img{width:100%;height:180px;object-fit:cover;border-radius:12px}.field{display:block;margin:14px 0}.field input,.field textarea,.field select,input,textarea,select{max-width:100%;padding:11px 12px;border:1px solid #e7cfd0;border-radius:10px;background:white}.field input,.field textarea,.field select{display:block;width:100%;margin-top:5px}table{border-collapse:collapse;width:100%;background:#fff}td,th{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}footer{padding:28px 20px 90px;text-align:center;color:#856c72;border-top:1px solid var(--line);font-size:.84rem}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:none;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#fffaf8f2;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.mobile-nav a{display:grid;justify-items:center;gap:3px;font-size:.68rem;color:#76535e}.mobile-nav .nav-ico{font-size:1.25rem}.mobile-nav a.active{color:var(--rose);font-weight:800}.account-shell{max-width:1000px;margin:auto}.empty-state{text-align:center;padding:38px 18px;background:#fff;border:1px dashed #e7c7cb;border-radius:16px}.empty-state .big-icon{font-size:3rem}
@media(max-width:1200px){.header-main{grid-template-columns:220px minmax(180px,1fr) auto;gap:14px;padding:12px 16px}.quick-categories{grid-template-columns:repeat(6,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-rail{display:none}.hero-layout{grid-template-columns:1fr}.hero{min-height:260px}}
@media(max-width:760px){.header-main{grid-template-columns:1fr auto;gap:10px;padding:10px 13px}.brand{font-size:1.6rem}.brand-mark{width:39px;height:39px;font-size:1.6rem}.search-form{grid-column:1/-1;grid-row:2}.header-actions{gap:12px;font-size:.78rem}.header-actions .hide-mobile{display:none}.nav-strip{padding:0 10px 9px;gap:2px}.nav-strip a{font-size:.76rem;padding:7px 10px}.site-main{padding:0 11px;margin:12px auto 26px}.hero{min-height:250px;padding:24px 20px;align-items:flex-start}.hero h1{font-size:2.45rem;max-width:250px}.hero p{max-width:220px;font-size:.9rem}.hero-art{right:4%;top:34%;font-size:5.5rem;opacity:.8}.sale-stamp{width:68px;height:68px;right:4%;top:5%;font-size:.55rem}.sale-stamp strong{font-size:1.15rem}.hero:after{font-size:1.5rem;right:3%;bottom:8%}.quick-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:10px 0}.quick-category{font-size:.7rem;padding:7px 2px}.quick-category .bubble{width:54px;height:54px;font-size:1.65rem}.benefits{grid-template-columns:repeat(2,1fr);gap:5px;padding:8px}.benefit{justify-content:flex-start;border-right:0;padding:7px;font-size:.72rem}.benefit:last-child{grid-column:1/-1}.benefit .symbol{font-size:1.3rem}.promo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.promo{min-height:125px;padding:12px}.promo h3{font-size:1rem}.promo .decor{font-size:3rem}.section-head h2{font-size:1.35rem}.filter-tabs{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:4px}.filter-tabs a{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-image{height:150px}.product-info{padding:8px}.product-info h3{font-size:.78rem}.price{font-size:.92rem}.product-info .btn{font-size:.72rem;padding:8px 4px}.panel,.card{padding:14px}footer{padding-bottom:100px}.mobile-nav{display:grid}}
@media(max-width:380px){.header-actions{gap:7px}.hero h1{font-size:2.1rem}.hero-art{font-size:4.4rem}.product-image{height:125px}.quick-category .bubble{width:47px;height:47px}}

/* Merchant onboarding, About page and reference-inspired dark footer */
.site-footer{background:#1c1b1d;color:#e9e2e3;padding:42px max(22px,calc((100vw - 1460px)/2)) 18px;margin-top:36px;text-align:left;font-size:.9rem}.footer-columns{display:grid;grid-template-columns:1.25fr .9fr .9fr 1.1fr;gap:38px}.footer-columns section{min-width:0}.footer-columns h3{font-size:.76rem;letter-spacing:.12em;color:#f7e8e9;margin:5px 0 22px}.footer-columns p{line-height:1.75;color:#c4babc;max-width:340px}.footer-columns a,.footer-columns span{display:block;margin:0 0 15px;color:#d5cbcd;line-height:1.55}.footer-columns a:hover{color:#ff7d9d}.footer-brand{font:700 2rem 'Playfair Display',Georgia,serif;color:#f4d5df!important}.footer-muted{font-size:.75rem;color:#968b8f!important}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #403b3d;margin-top:30px;padding-top:18px;color:#a99fa2;font-size:.77rem}.onboarding{max-width:800px;margin:24px auto;padding:clamp(18px,4vw,36px)}.onboarding h1,.about-hero h1{font:700 clamp(1.8rem,4vw,3rem)/1.15 'Playfair Display',Georgia,serif}.step-track{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.step-track span{background:#f6e9e8;color:#846a72;padding:10px 8px;border-radius:10px;text-align:center;font-size:.82rem}.step-track span.done{background:#fce0e7;color:#8d1738;font-weight:800}.onboarding form p{display:grid;gap:7px;margin:18px 0}.onboarding input[type=text],.onboarding input[type=tel],.onboarding input[type=file],.onboarding input[type=number],.onboarding select,.onboarding textarea{width:100%;padding:12px;border:1px solid #e7cfd0;border-radius:10px;background:#fff}.onboarding input[type=file]{background:#fff8f7}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.form-actions form{margin:0}.btn-light{background:#fff;color:var(--burgundy);border:1px solid var(--line);box-shadow:none}.notice{background:#fff2e8;border-left:4px solid var(--gold);border-radius:8px;padding:14px;margin:18px 0;line-height:1.6}.about-hero{background:#1c1b1d;color:#f7eff1;padding:clamp(26px,6vw,80px);border-radius:18px;margin-bottom:18px}.about-hero h1{max-width:1100px}.about-hero h1 span{color:#f04b7a}.about-hero>p:last-child{max-width:950px;color:#d7c9ce;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.about-grid>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.about-grid h2,.contact-panel h2{font:700 1.35rem 'Playfair Display',Georgia,serif;color:var(--burgundy)}.about-grid p{line-height:1.7;color:var(--muted)}.contact-panel{margin-top:18px}
@media(max-width:760px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.site-footer{padding:30px 18px 100px}.footer-bottom{flex-direction:column;gap:8px}.about-grid{grid-template-columns:1fr}.step-track span{font-size:.72rem}.onboarding{margin:12px auto}.form-actions>*{flex:1}}

/* =====================================================
   AYVERA LUXURY STOREFRONT — DESIGN UPGRADE
   Palette: espresso, warm cream, blush and champagne
   ===================================================== */

:root {
  --ay-espresso: #38251f;
  --ay-coffee: #54382f;
  --ay-brown: #765448;
  --ay-blush: #ead2cc;
  --ay-blush-light: #f7ece8;
  --ay-cream: #fbf7f0;
  --ay-white: #fffdfb;
  --ay-gold: #b79a68;
  --ay-text: #302722;
  --ay-muted: #81756e;
  --ay-border: #e9ded5;
  --ay-shadow: 0 12px 35px rgba(56, 37, 31, .08);
  --ay-radius: 16px;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--ay-cream) !important;
  color: var(--ay-text) !important;
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
  color: var(--ay-espresso);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.025em;
}

h1 {
  font-size: clamp(2.2rem, 5vw, 4rem);
}

h2 {
  font-size: clamp(1.7rem, 3vw, 2.7rem);
}

p {
  color: inherit;
}

a {
  color: var(--ay-coffee);
  text-decoration: none;
  transition: color .2s ease;
}

a:hover {
  color: var(--ay-gold);
}

img {
  max-width: 100%;
}

/* Main navigation and header */
header, .site-header, .navbar, nav {
  transition: background .25s ease;
}

header, .site-header, .navbar {
  background: var(--ay-white);
  border-bottom: 1px solid var(--ay-border);
}

nav a {
  font-size: .88rem;
  font-weight: 600;
  letter-spacing: .025em;
}

nav a:hover {
  color: var(--ay-gold);
}

/* Main page spacing */
main, .container, .page-container {
  box-sizing: border-box;
}

section {
  margin-bottom: 2rem;
}

.muted, .text-muted {
  color: var(--ay-muted) !important;
}

/* Premium buttons */
.btn, button.btn, button, input[type="submit"] {
  border-radius: 999px;
  transition: transform .2s ease, box-shadow .2s ease,
              background .2s ease, color .2s ease;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .8rem 1.45rem;
  background: var(--ay-espresso);
  border: 1px solid var(--ay-espresso);
  color: #fffdfb !important;
  font-size: .88rem;
  font-weight: 600;
  letter-spacing: .025em;
  cursor: pointer;
}

.btn:hover {
  background: var(--ay-coffee);
  border-color: var(--ay-coffee);
  box-shadow: 0 7px 18px rgba(56, 37, 31, .16);
  transform: translateY(-2px);
}

button, input[type="submit"] {
  cursor: pointer;
}

button:not(.btn), input[type="submit"] {
  padding: .7rem 1rem;
}

button:not(.btn) {
  border: 1px solid var(--ay-border);
  background: var(--ay-white);
  color: var(--ay-espresso);
}

button:not(.btn):hover {
  border-color: var(--ay-gold);
}

/* Product cards */
.product-grid, .products-grid, .product-list {
  gap: 1.5rem;
}

.product-card, .product-item, article.product,
.product-grid article, .products-grid article {
  overflow: hidden;
  background: var(--ay-white);
  border: 1px solid var(--ay-border);
  border-radius: var(--ay-radius);
  box-shadow: 0 4px 18px rgba(56, 37, 31, .035);
  transition: transform .25s ease, box-shadow .25s ease;
}

.product-card:hover, .product-item:hover,
article.product:hover, .product-grid article:hover,
.products-grid article:hover {
  transform: translateY(-4px);
  box-shadow: var(--ay-shadow);
}

.product-card img, .product-item img,
article.product img {
  transition: transform .45s ease;
}

.product-card:hover img, .product-item:hover img,
article.product:hover img {
  transform: scale(1.025);
}

.product-info {
  padding: 1.15rem !important;
}

.product-info h3 {
  margin: .4rem 0;
  font-size: 1.18rem;
}

.product-info h3 a {
  color: var(--ay-espresso);
}

.price, .product-price {
  color: var(--ay-coffee);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .01em;
}

.rating {
  color: var(--ay-gold);
  letter-spacing: .08em;
}

/* Search and form fields */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select, textarea {
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid var(--ay-border);
  border-radius: 10px;
  background: var(--ay-white);
  color: var(--ay-text);
  padding: .85rem 1rem;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--ay-gold);
  box-shadow: 0 0 0 3px rgba(183, 154, 104, .13);
}

/* Empty states, panels and notices */
.empty-state, .dashboard-card, .stat-card,
.panel, .form-card, .shop-card {
  background: var(--ay-white);
  border: 1px solid var(--ay-border);
  border-radius: var(--ay-radius);
  box-shadow: 0 5px 22px rgba(56, 37, 31, .04);
}

.empty-state {
  padding: 2.5rem 1.5rem;
  text-align: center;
}

.big-icon {
  font-size: 2.5rem;
  margin-bottom: .8rem;
}

/* Tables and checkout areas */
table {
  width: 100%;
  border-collapse: collapse;
  background: var(--ay-white);
}

th {
  background: var(--ay-blush-light);
  color: var(--ay-espresso);
  text-align: left;
}

th, td {
  padding: .9rem;
  border-bottom: 1px solid var(--ay-border);
}

/* Footer */
footer, .site-footer {
  background: var(--ay-espresso);
  color: #f8eee7;
  padding: 2.5rem 1.25rem;
}

footer a, .site-footer a {
  color: var(--ay-blush);
}

footer p, .site-footer p {
  color: #e3d4cb;
}

/* Small-screen polish */
@media (max-width: 768px) {
  body {
    font-size: .95rem;
  }

  h1 {
    font-size: 2.35rem;
  }

  h2 {
    font-size: 1.8rem;
  }

  .btn {
    padding: .72rem 1.15rem;
  }

  .product-info {
    padding: .85rem !important;
  }

  section {
    margin-bottom: 1.5rem;
  }

  table {
    display: block;
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

