/* Sookshma visual layer. Commerce layout stays in store.css and mobile.css. */
:root {
  --saffron: #ae4a16;
  --orange: #d96b1d;
  --gold: #e6ad5d;
  --ink: #302720;
  --muted: #73685e;
  --cream: #fff9f0;
  --line: #eadfd3;
  --card: #fff;
  --bg: #faf8f4;
}
html { color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
body { line-height: 1.5; }
button, input, select, textarea { font-family: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #de873b; outline-offset: 3px; }
.top-strip { background: #713514; color: #fff8ed; letter-spacing: .035em; font-size: 12px; padding: 8px 20px; }
.top-strip span { color: #ffdba9; }
.site-header { height: 86px; position: sticky; top: 0; z-index: 20; background: #fffdfa; box-shadow: 0 7px 25px rgba(72,42,23,.06); border-color: #eee6db; }
.logo { color: #432a1e; font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.055em; font-weight: 800; font-size: 25px; }
.logo small { color: #a8754c; font-family: Arial,Helvetica,sans-serif; letter-spacing: .22em; font-weight: 700; font-size: 9px; }
.logo-mark { background: #af4d19; border-radius: 12px; box-shadow: 0 4px 12px #ad521d30; }
.search { background: #f9f5ef; border-color: #e9ded0; border-radius: 11px; max-width: 670px; transition: box-shadow .2s,border-color .2s; }
.search:focus-within { border-color: #ce8a55; box-shadow: 0 0 0 3px #e5a66a24; }
.search input { font-size: 14px; color: #3e3128; }
.search input::placeholder { color: #9b8b7d; }
.search button { background: #a94b19; display: grid; place-items: center; }
.search button svg { width: 21px; height: 21px; }
.header-actions { color: #4e3a2d; }
.header-actions a { transition: color .2s,background .2s; }
.header-actions a:hover { color: #ad4b16; }
.header-actions svg { width: 24px; height: 24px; }
.cart-link { display: flex; align-items: center; gap: 3px; }
.cart-link b { transform: translate(-5px,-10px); background: #c75d1d; box-shadow: 0 2px 7px #a3491a35; }
.category-nav { padding-top: 12px; padding-bottom: 12px; background: #fffdfa; border-color: #eee5d8; justify-content: center; gap: clamp(15px,2.5vw,38px); }
.category-nav a { color: #695344; font-weight: 700; transition: color .2s; }
.category-nav a:hover { color: #ab4916; }
.hero { margin: 24px auto 0; max-width: 1370px; width: calc(100% - 56px); min-height: 425px; padding: 58px clamp(35px,5vw,78px); border-radius: 23px; color: #422b1d; background: radial-gradient(circle at 83% 50%,#f8e2bd 0,#f8e2bd 16%,transparent 16.2%),linear-gradient(105deg,#fff2df 0%,#fff0da 58%,#edaa60 100%); box-shadow: 0 16px 45px rgba(111,64,27,.11); }
.hero:after { content: ''; position: absolute; width: 360px; height: 360px; right: 10%; top: 8%; border: 1px solid rgba(173,75,22,.18); border-radius: 50%; box-shadow: 0 0 0 25px #fff8eb20,0 0 0 52px #fff8eb20; pointer-events: none; }
.hero .eyebrow { color: #a2471b; }
.hero h1 { font-family: Georgia,'Times New Roman',serif; font-weight: 700; color: #4b2a1a; font-size: clamp(46px,5vw,74px); letter-spacing: -.055em; line-height: 1.08; }
.hero p { color: #705343; font-size: 18px; max-width: 460px; line-height: 1.65; }
.hero-emblem { font-size: 260px; color: #a84c1eaa; position: relative; z-index: 1; font-weight: 400; transform: none; text-shadow: 0 9px 22px #8b481c1c; }
.hero .button.light { background: #a74918; color: #fff; box-shadow: 0 10px 23px #a4441e30; }
.hero .button.light:hover { background: #873710; }
.container { padding-top: 54px; }
.section-heading { margin-bottom: 23px; }
.section-heading h2, .listing-head h1, .product-detail h1, .container>h1, .admin-main h1 { font-family: Georgia,'Times New Roman',serif; color: #37291e; font-weight: 700; letter-spacing: -.045em; }
.section-heading h2 { font-size: 34px; }
.eyebrow { color: #a9501d; font-size: 11px; letter-spacing: .19em; }
.category-grid a { border-color: #efe3d5; box-shadow: 0 5px 18px #6f4b2710; transition: transform .2s,box-shadow .2s,border-color .2s; }
.category-grid a:hover { transform: translateY(-4px); box-shadow: 0 14px 25px #8654311d; border-color: #e1b687; }
.category-grid span { background: linear-gradient(145deg,#fff5e5,#fbe5c9); color: #ad4d17; }
.category-grid b { font-size: 14px; }
.product-card { border-color: #ece2d8; border-radius: 14px; box-shadow: 0 5px 17px rgba(69,42,23,.045); transition: transform .2s,box-shadow .2s,border-color .2s; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 17px 32px rgba(76,44,23,.12); border-color: #e3c19e; }
.product-photo { position: relative; background: #fbf4e9; overflow: hidden; }
.product-photo img { transition: transform .35s; }
.product-card:hover .product-photo img { transform: scale(1.035); }
.sale-badge { position: absolute; top: 12px; left: 12px; z-index: 1; padding: 6px 9px; border-radius: 5px; background: #a8471a; color: #fff; font-weight: 800; font-size: 11px; letter-spacing: .025em; }
.product-body { padding: 18px; }
.product-category { color: #a56c46; font-size: 10px; letter-spacing: .13em; }
.product-title { color: #3e3128; font-weight: 750; font-size: 16px; min-height: 44px; }
.price strong { color: #a64618; font-size: 20px; }
.price del { color: #a99b8d; }
.add-cart { min-height: 43px; border: 1px solid #b8511b; background: #fffaf4; color: #a24518; border-radius: 8px; transition: background .2s,color .2s; }
.add-cart:hover { background: #a94b19; color: #fff; }
.button,.filters button { background: #aa4818; border-radius: 9px; min-height: 45px; box-shadow: 0 6px 16px #a7481925; transition: background .2s,transform .2s,box-shadow .2s; }
.button:hover,.filters button:hover { background: #87350f; transform: translateY(-1px); box-shadow: 0 9px 20px #a7481930; }
.button:disabled { transform: none; box-shadow: none; }
.shop-layout { gap: 35px; }
.filter-panel { border-color: #e9ddd0; }
.filter-panel a { border-radius: 6px; transition: color .2s,padding-left .2s; }
.filter-panel a:hover,.filter-panel a.selected { color: #a94617; padding-left: 5px; }
.filters input,.filters select,.form-card input,.form-card textarea,.admin-form input,.admin-form select,.admin-form textarea,.track input { border-color: #e5d9cb; background: #fff; border-radius: 8px; }
.filters input:focus,.filters select:focus,.form-card input:focus,.form-card textarea:focus,.admin-form input:focus,.admin-form select:focus,.track input:focus { border-color: #c3733c; outline: 3px solid #f3d6b537; }
.product-image,.summary,.form-card,.panel { border-color: #e9ded1; box-shadow: 0 8px 25px rgba(78,46,24,.045); }
.big-price { color: #a7481b; }
.availability { color: #43805a; }
.cart-item { border-color: #eee3d7; }
.summary .total { color: #3d2b1f; }
.payment-option { background: #fffcf8; }
.payment-option:has(input:checked) { border-color: #c98349; background: #fff4e5; }
.outline { border-color: #bd6b35; color: #a34b1b; border-radius: 8px; }
.outline:hover { background: #fff3e7; }
.alert { background: #fff2dc; border-color: #e9c695; }
footer { background: #35271e; }
.admin-body { background: #f7f4ef; }
.admin-top { background: #fffdfa; }
.admin-nav { background: #fffdfa; border-color: #eae0d4; }
.admin-nav a { color: #695748; }
.admin-nav a:hover { color: #a94a18; background: #fff3e7; }
.stats-grid>div { border-color: #e9ded2; border-radius: 14px; box-shadow: 0 7px 18px #62482c0b; border-top: 3px solid #d9904d; }
.stats-grid span { color: #8c7868; font-weight: 700; }
.stats-grid b { font-family: Georgia,'Times New Roman',serif; color: #422d1e; }
.admin-row { border-color: #eee3d8; }
.admin-row a,.table-wrap a { color: #a4481a; }
.admin-form .button { margin-top: 12px; }
.admin-login { box-shadow: 0 25px 60px #40250f15; }
@media (max-width: 1024px) {
  .category-nav { justify-content: flex-start; }
  .hero-emblem { font-size: 205px; }
}
@media (max-width: 750px) {
  .site-header { height: auto; position: relative; top: auto; box-shadow: 0 4px 16px #51301c0b; }
  .logo { font-size: 19px; }
  .header-actions a { border-radius: 9px; }
  .header-actions svg { width: 22px; height: 22px; }
  .category-nav { justify-content: flex-start; }
  .category-nav a { background: #fff6e9; }
  .hero { margin: 14px 12px 0; width: calc(100% - 24px); min-height: 295px; padding: 36px 25px; border-radius: 18px; background: linear-gradient(110deg,#fff2dd 0%,#ffe6c3 100%); }
  .hero:after { width: 210px; height: 210px; right: -65px; top: 35px; opacity: .45; }
  .hero h1 { font-size: clamp(36px,9vw,55px); }
  .hero p { font-size: 16px; }
  .hero-emblem { display: none; }
  .container { padding-top: 32px; }
  .section-heading h2 { font-size: 27px; }
  .product-body { padding: 12px; }
  .product-title { font-size: 14px; min-height: 39px; }
  .price strong { font-size: 17px; }
  .sale-badge { top: 7px; left: 7px; padding: 5px 6px; font-size: 10px; }
  .filter-panel a:hover,.filter-panel a.selected { padding-left: 0; }
  .listing-head h1,.product-detail h1,.container>h1,.admin-main h1 { font-size: 34px; }
  .admin-top .logo { font-size: 18px; }
}
@media (max-width: 400px) {
  .logo { font-size: 16px; }
  .hero { padding: 32px 21px; }
  .hero h1 { font-size: 36px; }
  .product-body { padding: 10px; }
  .price strong { font-size: 16px; }
}