/* ============ Naturals Of Past — mobile-first stylesheet ============ */
:root{
  --green-900:#16352a; --green-800:#1e4335; --green-700:#25553f;
  --brown-800:#5f3a16; --brown-700:#7a4a21; --brown-600:#8a5a2b;
  --cream:#f6efdd; --cream-2:#fbf6e9;
  --gold:#c99a2e; --gold-dark:#a87e1f;
  --ink:#2b241a; --muted:#6d6353;
  /* display face — headings, product titles, editorial quotes
     (Georgia + a Bengali face follow it so ন্যাচারালস অফ পাস্ট still renders properly) */
  --font-display:'Abril Fatface',Georgia,'Noto Sans Bengali','Nirmala UI',serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans Bengali","Nirmala UI",sans-serif;background:#e9e6df;color:var(--ink);font-size:15px}
a{text-decoration:none;color:inherit}
img,svg{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none}
input,select,textarea{font-family:inherit;font-size:14px}
.container{max-width:1400px;margin:0 auto;padding:0 18px}
main.container{padding-top:20px;padding-bottom:40px}

/* announcement + topbar */
.announce{background:var(--brown-800);color:#f4ecd8;font-size:12.5px;text-align:center;padding:7px 10px;letter-spacing:.3px}
.topbar{background:var(--green-900);color:#cfc9ba;font-size:11.5px}
.topbar .container{display:flex;gap:18px;align-items:center;padding-top:7px;padding-bottom:7px;overflow-x:auto}
.topbar a{white-space:nowrap}
.topbar a:hover{color:var(--gold)}

/* header */
header.main{background:var(--green-800)}
.header-row{display:flex;align-items:center;gap:12px;padding-top:14px;padding-bottom:14px}
.burger{display:flex;flex-direction:column;gap:4px;background:none;padding:8px}
.burger span{width:20px;height:2.4px;background:#f6efdd;border-radius:2px}
.burger.open span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}
.brand{display:flex;align-items:center;gap:9px;min-width:0}
.logo{width:58px;height:58px;border-radius:50%;flex-shrink:0;overflow:hidden;
  box-shadow:0 0 0 2px var(--gold),0 0 0 4px var(--green-900)}
.logo .logo-img{width:100%;height:100%;object-fit:cover;display:block}
.brand-text{display:flex;flex-direction:column;min-width:0}
.brand-text .en{font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;
  font-size:27px;color:#f4efdf;line-height:1.05;white-space:nowrap}
.brand-text .bn{color:#cddfc6;font-size:12px;white-space:nowrap;margin-top:2px}

.searchwrap{flex:1;position:relative;min-width:0}
.searchbox{display:flex;background:#fff;border-radius:26px;overflow:hidden;height:44px}
.searchbox input{flex:1;border:none;outline:none;padding:0 16px;min-width:0;font-size:14.5px}
.searchbox button{background:var(--gold);width:46px;color:#fff;flex-shrink:0}
.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:10px;
  box-shadow:0 14px 34px rgba(0,0,0,.3);overflow:hidden;z-index:80;max-height:330px;overflow-y:auto}
.search-results a{display:flex;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid #eee6d2}
.search-results a:last-child{border-bottom:none}
.search-results a:hover{background:var(--cream)}
.sthumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#efe6cd}
.sthumb img,.sthumb svg{width:100%;height:100%;object-fit:cover}
.rtitle{flex:1;font-size:12.5px;line-height:1.35;color:#3a3123}
.rtitle small{color:var(--muted)}
.rprice{font-size:12.5px;font-weight:700;color:var(--brown-700);white-space:nowrap}
.rprice del{font-weight:400;color:#a99;font-size:10.5px;margin-left:4px}
.header-actions{display:flex;gap:12px}
.hact{position:relative;color:#f4efdf;padding:8px 2px}
.cart-badge{position:absolute;top:-2px;right:-7px;background:var(--gold);color:#fff;font-size:9.5px;
  font-weight:700;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;padding:0 3px;border:1.5px solid var(--green-800)}
.cart-badge[hidden]{display:none}
.hact .icon{display:flex;align-items:center}
.hact:hover{color:var(--gold)}

/* nav */
nav.mainbar{background:var(--brown-600)}
.navrow{display:block}
.allcat{display:none;position:relative;color:#f6efdc;font-size:13px;font-weight:600}
.bars{display:inline-flex;flex-direction:column;gap:3px}
.bars i{display:block;width:15px;height:2px;background:#f6efdc;border-radius:2px}
.mega{display:none;position:absolute;top:100%;left:0;min-width:290px;background:#fff;color:#3c352a;
  box-shadow:0 14px 34px rgba(0,0,0,.25);border-radius:0 0 6px 6px;padding:8px 0;z-index:70}
.mega a{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;font-size:12.5px}
.mega a:hover{background:var(--cream);color:var(--brown-800)}
.mega .ar{color:#b3a98f}
.mobile-cats{display:flex;flex-direction:column;padding-top:4px;padding-bottom:8px}
.mobile-cats a{padding:7px 2px;border-bottom:1px solid #ffffff26;color:#f6efdc;font-size:13px}
.mobile-cats a small{color:#d8c9a8;margin-left:6px}
.navlink{display:none}

/* desktop nav */
@media(min-width:900px){
  .burger,.mobile-cats{display:none}
  .navrow{display:flex;align-items:stretch;gap:2px}
  .allcat{display:flex;align-items:center;gap:9px;background:var(--brown-800);padding:13px 22px;cursor:pointer}
  .allcat:hover{background:#6d431b}
  .allcat:hover .mega{display:block}
  .navlink{display:flex;align-items:center;color:#f6efdc;font-size:13.5px;padding:13px 18px}
  .navlink:hover{background:var(--brown-700)}
}

/* compact header on phones/tablets — keeps everything on one row */
@media(max-width:759px){
  .header-row{padding-top:8px;padding-bottom:8px;gap:8px}
  .logo{width:42px;height:42px;box-shadow:0 0 0 1.5px var(--gold),0 0 0 3px var(--green-900)}
  .brand-text .en{font-size:19px}
  .brand-text .bn{font-size:9.5px}
  .searchbox{height:37px;border-radius:20px}
  .searchbox input{padding:0 12px;font-size:13px}
  .searchbox button{width:38px}
  .hact .icon svg{width:20px;height:20px}
}

/* page hero (business pages) */
.page-hero{background:linear-gradient(100deg,#1e4335,#25553f);color:#f4efdf;text-align:center;padding:26px 16px}
.page-hero h1{font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;font-weight:600;font-size:30px}
.page-hero p{font-size:13px;color:#cfe0c8;margin-top:6px}

/* home hero */
.hero{position:relative;border-radius:8px;overflow:hidden;min-height:280px;
  background:radial-gradient(circle at 80% 35%,rgba(196,151,60,.28),transparent 45%),
  linear-gradient(100deg,#2a1c0d,#3e2a12 55%,#57391a);
  display:flex;align-items:center;color:#f4ecd8;margin-bottom:18px}
.hero-art{position:absolute;right:0;top:0;bottom:0;width:60%;opacity:.5}
.hero-art svg{width:100%;height:100%}
.hero-copy{padding:34px 20px;max-width:100%;position:relative;z-index:2}
.hero-copy h2{font-family:Georgia,serif;font-size:26px;margin-bottom:8px}
.hero-copy p{font-size:14px;opacity:.85;margin-bottom:16px}
@media(min-width:900px){
  .hero{min-height:320px}
  .hero-copy{padding:40px 52px;max-width:56%}
  .hero-art{width:52%;opacity:1}
  .hero-brand img{max-width:360px}
  .hero-tagline{font-size:14px;margin-bottom:14px}
  .hero-copy h2{font-size:32px}
  .hero-copy p{font-size:15px}
}

/* buttons + chips */
.btn-gold{background:var(--gold);color:#fff;font-size:13px;font-weight:600;padding:11px 24px;border-radius:6px;
  box-shadow:0 4px 12px rgba(0,0,0,.25);display:inline-flex;align-items:center;gap:8px;transition:background .2s}
.btn-gold:hover{background:var(--gold-dark)}
.btn-outline{background:#fff;border:1.5px solid var(--brown-600);color:var(--brown-600);font-size:13px;
  font-weight:600;padding:9px 18px;border-radius:6px}
.btn-outline:hover{background:var(--cream)}
.btn-green{background:var(--green-800);color:#fff;font-size:13px;font-weight:600;padding:10px 20px;border-radius:6px}
.btn-green:hover{background:var(--green-700)}
.danger{color:#b23b3b;font-weight:600}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{background:#fff;border:1.5px solid #d8caa4;color:var(--brown-700);font-size:12px;font-weight:600;
  padding:7px 15px;border-radius:18px;white-space:nowrap}
.chip.active{background:var(--brown-600);border-color:var(--brown-600);color:#fff}

/* section titles */
.sec{display:flex;align-items:baseline;gap:10px;margin:22px 0 12px}
.sec h3,.sec h1{font-family:Georgia,serif;font-size:19px;color:var(--green-900)}
.sec small{color:var(--muted);font-size:12px}

/* trust row */
.trustrow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 4px}
.trustrow div{background:var(--cream-2);border:1px solid #e3d9bd;border-radius:8px;padding:12px 10px;text-align:center;font-size:11.5px;color:#5a4f3d}
.trustrow b{display:block;font-size:12.5px;color:var(--green-900);margin-bottom:3px}
@media(min-width:760px){.trustrow{grid-template-columns:repeat(4,1fr)}}

/* product grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:560px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--cream-2);border:1px solid #e3d9bd;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 8px 22px rgba(90,60,20,.18);transform:translateY(-3px)}
.card .thumb{cursor:pointer;padding:6px}
.card .thumb .artwrap{border-radius:8px;overflow:hidden;height:120px}
@media(min-width:900px){.card .thumb .artwrap{height:160px}}
.artwrap svg,.artwrap img{width:100%;height:100%;object-fit:cover}
.card .body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.card h4{font-size:13px;font-weight:600;color:#3a3123;cursor:pointer;line-height:1.3}
.card .card-title{color:inherit}
.card .card-title:hover h4{color:var(--gold-dark)}
.card .bn-sm{font-size:11px;color:var(--muted)}
.card .rate{font-size:11px;color:#8a8171}
.card .price{font-size:14.5px;font-weight:700;color:var(--brown-700)}
.card .price del{font-weight:400;color:#a9a08c;font-size:11px;margin-left:5px}
.card .stock{font-size:10.5px;color:#4c7a3c;font-weight:600}
.card .stock.low{color:#b23b3b}
.card .actions{display:flex;gap:7px;margin-top:auto;padding-top:6px}
.btn-add{flex:1;background:var(--gold);color:#fff;font-size:12px;font-weight:600;padding:8px;border-radius:5px}
.btn-add:hover{background:var(--gold-dark)}
.btn-detail{background:#fff;border:1px solid #d8caa4;color:var(--brown-700);font-size:12px;font-weight:600;padding:8px 10px;border-radius:5px}

/* footer */
footer{background:var(--green-700);color:#dfe8d8;margin-top:26px}
footer .container{padding-top:24px;padding-bottom:14px}
.foot-grid{display:grid;grid-template-columns:1.5fr .85fr 1.05fr .85fr 1.3fr;gap:18px 26px;align-items:start}
.foot-brand{max-width:240px}
.foot-logo{width:104px;height:auto;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.28);display:block}
.fbn{margin-top:8px;font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;font-size:18px;color:#f4efdf;line-height:1.1}
.ftag{font-size:11px;color:#bcd3b4;line-height:1.5;margin:2px 0 10px}
.ftag em{color:#d8c48f;font-style:italic}
.foot-col h4,.foot-trust h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-weight:700}
.foot-col{display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.foot-col a:hover{color:var(--gold)}
.foot-trust{display:flex;flex-direction:column;gap:8px}
.badge{display:flex;align-items:center;gap:9px;font-size:11.5px;line-height:1.4}
.badge .bicon{width:28px;height:28px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;flex-shrink:0}
.foot-social{display:flex;gap:8px}
.soc{width:25px;height:25px;border-radius:50%;border:1px solid #ffffff55;color:#e6ede1;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:Georgia,serif}
.soc:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.foot-base{background:var(--green-900);text-align:center;color:#9db3a0;font-size:11px;padding:8px 12px}
/* contact page */
.info-cards a{color:var(--gold);border-bottom:1px dotted #c99a2e66}
.info-cards a:hover{color:#fff;border-bottom-color:#fff}
.cnote{grid-column:1/-1;font-size:11.5px;color:var(--muted);margin-top:8px;text-align:center}
@media(max-width:980px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1;max-width:none}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.foot-brand{max-width:none}}

/* ---------- PDP ---------- */.pdp{background:var(--cream-2);border:1px solid #e3d9bd;border-radius:12px;padding:16px}
@media(min-width:900px){.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;padding:24px}}
.gallery-main{border-radius:10px;overflow:hidden;height:290px;background:#efe6cd;position:relative}
@media(min-width:900px){.gallery-main{height:360px}}
/* photo main view: box adapts to the photo's own aspect ratio — no bands, no crop */
.gallery-main:has(img){height:auto;background:transparent}
.gallery-main svg{width:100%;height:100%;object-fit:cover}
.gallery-main img{width:100%;height:auto;display:block}
.gthumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.gthumbs .t{border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#efe6cd;height:56px}
.gthumbs .t.sel{border-color:var(--gold)}
.gthumbs .t svg,.gthumbs .t img{width:100%;height:100%;object-fit:cover}
.pdp h1{font-size:21px;line-height:1.3}
.pdp .pbns{color:var(--muted);font-size:15px;margin-top:3px}
.pdp .rate{margin:9px 0}
.pdp .price{font-size:25px;font-weight:800;color:var(--brown-700)}
.pdp .price del{font-size:16px;font-weight:400;color:#a9a08c;margin-left:8px}
.pdp .price .save{font-size:11.5px;background:#e8f2e2;color:#3f6b30;font-weight:700;border-radius:12px;padding:3px 9px;margin-left:8px;vertical-align:3px}
.meta{font-size:12px;color:var(--muted);margin:9px 0 3px;display:flex;flex-wrap:wrap;gap:6px 16px}
.badges{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.pill{background:#e8f2e2;border:1px solid #b5d3a6;color:#3f6b30;font-size:11px;font-weight:700;padding:5px 11px;border-radius:14px;display:inline-flex;gap:5px;align-items:center}
.pill .ip{width:15px;height:15px;border-radius:50%;background:#3f6b30;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px}
.buyrow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.qty{display:flex;border:1.5px solid #d8caa4;border-radius:6px;overflow:hidden;background:#fff}
.qty button{width:34px;font-size:16px;background:var(--cream)}
.qty input{width:42px;text-align:center;border:none;outline:none;font-weight:700}
.crumbs{font-size:11.5px;color:var(--muted);margin-bottom:12px}
.crumbs a{color:var(--brown-700)}
.crumbs a:hover{text-decoration:underline}

.pdp-blocks{margin-top:24px;display:grid;gap:14px}
.blk{background:var(--cream-2);border:1px solid #e3d9bd;border-radius:10px;padding:16px}
.blk h3{font-size:14.5px;color:var(--green-900);margin-bottom:9px;display:flex;align-items:center;gap:8px}
.blk h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.blk .rte-out{font-size:13.5px;line-height:1.65;color:#4a4030}
.blk .rte-out ul,.blk .rte-out ol{margin:8px 0 0 20px}
.blk .rte-out li{margin:4px 0}

/* reviews */
.revw{border-bottom:1px solid #e8dfc6;padding:11px 0}
.revw:last-child{border-bottom:none}
.revw .hd{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.revw .hd b{color:var(--green-900)}
.revw .dt{color:#a99;font-size:11px}
.revw .cm{font-size:13px;color:#4a4030;margin-top:4px;line-height:1.5}
.st{color:#ddd0a3}.st.on{color:var(--gold)}
.st.lg{font-size:17px}
.bars-review{display:grid;gap:5px;margin:12px 0}
.brow{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}
.brow .track{flex:1;height:8px;background:#e8dfc6;border-radius:5px;overflow:hidden}
.brow .fill{height:100%;background:var(--gold)}
.revform{display:grid;gap:9px;margin-top:14px;border-top:1px dashed #d8caa4;padding-top:14px}
.starpick{display:flex;gap:4px;font-size:22px;cursor:pointer}
.starpick span{color:#ddd0a3}
.starpick span.on{color:var(--gold)}

/* ---------- forms / admin ---------- */
.panel{background:#fff;border:1px solid #e3d9bd;border-radius:12px;padding:18px;margin-bottom:16px}
.panel h2{font-size:16px;color:var(--green-900);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.panel h2 .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.fgrid{display:grid;gap:12px}
@media(min-width:760px){.fgrid{grid-template-columns:repeat(2,1fr)}.span2{grid-column:span 2}}
@media(min-width:1000px){.fgrid.c4{grid-template-columns:repeat(4,1fr)}}
.field label{display:block;font-size:11.5px;font-weight:700;color:#5a4f3d;margin-bottom:5px;letter-spacing:.2px}
.field label small{font-weight:400;color:#a2957c}
.field input,.field select,.field textarea{width:100%;border:1.5px solid #d8caa4;border-radius:7px;padding:9px 11px;background:var(--cream-2);outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}
.rte{border:1.5px solid #d8caa4;border-radius:0 0 7px 7px;min-height:110px;padding:10px 12px;background:#fff;font-size:13.5px;line-height:1.55;overflow-y:auto;max-height:260px}
.rte:focus{outline:none;border-color:var(--gold)}
.rte p{margin:0 0 6px}
.rte ul,.rte ol{margin:4px 0 6px 20px}
.rte-toolbar{display:flex;gap:4px;border:1.5px solid #d8caa4;border-bottom:none;border-radius:7px 7px 0 0;background:var(--cream);padding:5px}
.rte-toolbar button{background:#fff;border:1px solid #dccfa8;border-radius:4px;font-size:12px;padding:4px 9px;font-weight:700;color:#5a4f3d}
.rte-toolbar button:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.upl{border:2px dashed #d8caa4;border-radius:10px;background:var(--cream-2);padding:22px;text-align:center;color:var(--muted);font-size:12.5px;cursor:pointer}
.upl b{color:var(--brown-700)}
.upgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
@media(min-width:900px){.upgrid{grid-template-columns:repeat(6,1fr)}}
.up{position:relative;border-radius:8px;overflow:hidden;border:1.5px solid #d8caa4;background:#efe6cd;height:74px}
.up img,.up svg{width:100%;height:100%;object-fit:cover}
.up .rm{position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;background:#b23b3b;color:#fff;font-size:10px;line-height:1}
.up .num{position:absolute;bottom:0;left:0;right:0;background:#00000066;color:#fff;font-size:9.5px;text-align:center;padding:2px}
.tblwrap{overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:620px}
.tbl th{background:var(--green-800);color:#f4efdf;text-align:left;padding:9px 10px;font-size:11px;letter-spacing:.4px}
.tbl td{border-bottom:1px solid #eee6d2;padding:9px 10px;vertical-align:middle}
.tbl tr:hover td{background:var(--cream)}
.tbl .timg{width:44px;height:44px;border-radius:7px;overflow:hidden;background:#efe6cd}
.tbl .timg svg,.tbl .timg img{width:100%;height:100%;object-fit:cover}
.tagchip{display:inline-block;background:#e8f2e2;border:1px solid #b5d3a6;color:#3f6b30;font-size:10px;font-weight:700;border-radius:10px;padding:2px 8px;margin:1px 3px 1px 0}
.note{font-size:11.5px;color:var(--muted);line-height:1.5}
.demo-banner{background:#fff7e0;border:1px solid #ecd9a0;border-radius:10px;padding:10px 14px;font-size:12px;color:#7a5b16;margin-bottom:16px}

/* ---------- checkout ---------- */
.cols{display:grid;gap:16px}
@media(min-width:900px){.cols{grid-template-columns:1.35fr 1fr}}
.cline{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #eee6d2}
.cline .timg{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#efe6cd;flex-shrink:0}
.cline .timg svg,.cline .timg img{width:100%;height:100%;object-fit:cover}
.cline .nm{flex:1;font-size:13px;font-weight:600;line-height:1.3}
.cline .nm small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:2px}
.cline .pr{font-weight:700;color:var(--brown-700);font-size:13.5px}
.cline .rm2{background:none;color:#b23b3b;font-size:15px}
.paym{display:grid;gap:8px}
.paym label{display:flex;align-items:center;gap:10px;border:1.5px solid #d8caa4;border-radius:8px;padding:11px 13px;cursor:pointer;font-size:13px;background:var(--cream-2)}
.paym label:has(input:checked){border-color:var(--gold);background:#fff;box-shadow:0 0 0 1px var(--gold)}
.paym .bic{width:34px;height:34px;border-radius:8px;background:var(--green-800);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.paym small{color:var(--muted);display:block;margin-top:2px}
.sums{display:grid;gap:6px;font-size:13.5px;margin-top:10px}
.sums div{display:flex;justify-content:space-between}
.sums .tot{border-top:1.5px dashed #d8caa4;padding-top:9px;margin-top:5px;font-size:16px;font-weight:800;color:var(--green-900)}
.empty{text-align:center;padding:40px 16px;color:var(--muted)}
.empty .eicon{font-size:42px;margin-bottom:10px}
.success{text-align:center;padding:30px 16px}
.success .ok{width:64px;height:64px;border-radius:50%;background:#3f6b30;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}

/* business pages */
.prose{background:var(--cream-2);border:1px solid #e3d9bd;border-radius:12px;padding:20px;line-height:1.7;font-size:14px;color:#453b2a}
.prose h2{color:var(--green-900);font-size:17px;margin:18px 0 8px}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:10px}
.prose ul{margin:6px 0 12px 20px}
.prose li{margin:4px 0}
details.faq{border-bottom:1px solid #e8dfc6;padding:12px 2px}
details.faq summary{cursor:pointer;font-weight:600;font-size:13.5px;color:var(--green-900);list-style:none;display:flex;justify-content:space-between;gap:10px}
details.faq summary::after{content:'+';color:var(--gold);font-size:17px}
details.faq[open] summary::after{content:'–'}
details.faq p{font-size:13px;color:#4a4030;margin-top:8px;line-height:1.6}
.info-cards{display:grid;gap:10px;margin-bottom:14px}
@media(min-width:760px){.info-cards{grid-template-columns:repeat(3,1fr)}}
.info-cards div{background:var(--cream-2);border:1px solid #e3d9bd;border-radius:10px;padding:14px;font-size:12.5px}
.info-cards b{display:block;color:var(--green-900);margin-bottom:4px}

/* toolbar (search + sort) */
.toolbar{display:flex;gap:10px;margin:4px 0 14px}
.toolbar input{flex:1;min-width:0;border:1.5px solid #d8caa4;border-radius:8px;padding:10px 14px;background:#fff;font-size:13.5px;outline:none}
.toolbar input:focus{border-color:var(--gold)}
.toolbar select{border:1.5px solid #d8caa4;border-radius:8px;padding:10px 12px;background:#fff;font-size:13px;font-weight:600;color:var(--brown-700);outline:none}
/* hero brand lockup: the wordmark artwork itself, with the Bengali tagline under it */
.hero-brand{margin:0 0 6px}
.hero-brand img{display:block;width:100%;max-width:230px;height:auto}
.hero-tagline{font-family:'Noto Sans Bengali','Nirmala UI','Segoe UI',sans-serif;
  font-size:12.5px;font-weight:600;color:#e0c48c;letter-spacing:.2px;margin:0 0 12px}

/* toast */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);
  background:var(--green-800);color:#fff;font-size:13px;padding:11px 22px;border-radius:24px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;transition:all .3s;z-index:200;max-width:88vw;text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---------- lightbox (PDP photo popup) ---------- */
.lb{position:fixed;inset:0;z-index:1200;background:rgba(15,22,17,.93);
  display:flex;align-items:center;justify-content:center;padding:34px 18px}
.lb[hidden]{display:none}
.lb figure{margin:0;display:flex;flex-direction:column;gap:10px;max-width:min(1150px,92vw)}
.lb .lb-stage{display:flex;align-items:center;justify-content:center;
  height:min(80vh,660px)}
.lb .lb-stage img,.lb .lb-stage svg{max-width:100%;max-height:80vh;border-radius:10px;
  box-shadow:0 20px 60px rgba(0,0,0,.55);object-fit:contain}
.lb figcaption{color:#cfc9ba;text-align:center;font-size:13px;letter-spacing:.3px}
.lb figcaption b{color:#fff;font-family:Georgia,serif;font-weight:600}
.lb button{cursor:pointer;border:none}
.lb .lb-x{position:absolute;top:16px;right:20px;width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:17px;line-height:1}
.lb .lb-x:hover{background:var(--gold)}
.lb .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;
  border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1}
.lb .lb-nav:hover{background:var(--gold)}
.lb .lb-prev{left:18px}
.lb .lb-next{right:18px}
.gallery-main{cursor:zoom-in}
.gallery-main:after{content:'⤢ view';position:absolute;right:10px;bottom:10px;font-size:10.5px;
  color:#fff;background:rgba(30,67,53,.85);padding:4px 9px;border-radius:20px;letter-spacing:.5px;
  opacity:.9}

/* ---------- mini basket drawer ---------- */
.minicart{position:fixed;inset:0;z-index:1400;background:rgba(15,22,17,.55);display:flex;justify-content:flex-end}
.minicart[hidden]{display:none}
.mc-panel{width:min(408px,94vw);height:100%;background:var(--cream-2);display:flex;flex-direction:column;
  box-shadow:-16px 0 44px rgba(0,0,0,.25);animation:mcIn .22s ease}
@keyframes mcIn{from{transform:translateX(26px);opacity:.5}to{transform:none;opacity:1}}
.mc-head{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--green-900);color:#fff;font-size:15px}
.mc-head .mc-count{font-size:12px;color:#b9cbbd}
.mc-x{margin-left:auto;background:rgba(255,255,255,.14);color:#fff;width:30px;height:30px;border-radius:50%;font-size:13px;line-height:1}
.mc-x:hover{background:var(--gold)}
.mc-body{flex:1;overflow-y:auto;padding:14px 16px 4px}
.mc-prog{height:7px;border-radius:20px;background:#e3ddc9;overflow:hidden}
.mc-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#e0b64a);border-radius:20px;transition:width .35s ease}
.mc-note{font-size:12px;color:var(--muted);margin:9px 0 2px;background:#fff;border:1px dashed #ddcf9f;border-radius:8px;padding:8px 10px}
.mc-note.ok{background:#eef6ec;border-color:#bcdcb4;color:#2b6a33}
.mc-line{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eae2cd;position:relative}
.mc-thumb{width:58px;height:58px;border-radius:9px;overflow:hidden;background:#fff;border:1px solid #eae2cd}
.mc-thumb img{width:100%;height:100%;object-fit:cover}
.mc-info b{display:block;font-size:13px;color:var(--green-900);line-height:1.3}
.mc-info small{display:inline-block;font-size:11px;color:var(--brown-700);background:var(--cream);border-radius:20px;padding:1px 8px;margin:3px 0}
.mc-info .mc-unit{display:block;font-size:12px;color:var(--brown-700);font-weight:600}
.mc-info del{color:var(--muted);font-weight:400;font-size:11px;margin-left:4px}
.mc-qty{display:flex;align-items:center;border:1.5px solid #d8caa4;border-radius:7px;background:#fff;overflow:hidden}
.mc-qty button{width:26px;height:28px;background:var(--cream);font-size:14px}
.mc-qty b{width:26px;text-align:center;font-size:12.5px}
.mc-rm{position:absolute;right:-2px;top:6px;background:none;color:#b9ab90;font-size:12px}
.mc-rm:hover{color:#a1462e}
.mc-empty{text-align:center;color:var(--muted);font-size:13px;padding:38px 10px}
.mc-empty span{font-size:30px;display:block;margin-bottom:8px}
.mc-empty a{color:var(--brown-700);font-weight:600}
.mc-foot{padding:12px 16px 16px;background:#fff;border-top:1px solid #eae2cd;display:grid;gap:8px}
.mc-sub{display:flex;justify-content:space-between;font-size:14px;color:var(--green-900);font-weight:600}
.mc-foot .btn-gold,.mc-foot .btn-outline{text-align:center;justify-content:center}

/* ---------- floating WhatsApp ---------- */
.wafloat{position:fixed;right:18px;bottom:18px;z-index:900;display:flex;align-items:center;gap:9px;
  background:#25d366;color:#fff;border-radius:40px;padding:11px 16px 11px 14px;font-size:13px;font-weight:600;
  box-shadow:0 10px 26px rgba(37,211,102,.4)}
.wafloat:hover{background:#1eb955;color:#fff}
.wafloat span{white-space:nowrap}
@media(max-width:640px){.wafloat{padding:13px;border-radius:50%}.wafloat span{display:none}}

/* ---------- payment logos ---------- */
.paylogos{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.paylogos .pay{background:#fff;border:1px solid #e2d9bf;border-radius:6px;padding:4px 9px;font-size:10.5px;
  letter-spacing:.2px;box-shadow:0 1px 2px rgba(0,0,0,.05)}

/* ---------- pack-size selector (PDP) ---------- */
.sizes{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.sizes .sz{border:1.6px solid #d8caa4;background:#fff;border-radius:8px;padding:7px 13px;font-size:12.5px;
  font-weight:600;color:var(--brown-700);display:flex;flex-direction:column;align-items:center;line-height:1.25}
.sizes .sz small{font-weight:400;color:var(--muted);font-size:10.5px}
.sizes .sz:hover{border-color:var(--gold)}
.sizes .sz.sel{border-color:var(--green-700);background:#eef6ec;color:var(--green-900);box-shadow:0 0 0 2px rgba(37,85,63,.12)}
.sizes .sz.out{opacity:.45;text-decoration:line-through}
.sz-lbl{font-size:11.5px;color:var(--muted);margin-top:8px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}

/* ---------- checkout line: chosen pack ---------- */
.cline .szchip{display:inline-block;background:var(--cream);color:var(--brown-700);border-radius:20px;
  padding:1px 8px;font-size:10.5px;margin-left:4px}

/* ---------- catalogue filters ---------- */
.filters{background:#fff;border:1px solid #eae2cd;border-radius:12px;padding:12px 14px;margin:0 0 16px;
  display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.filters .fg{display:flex;flex-direction:column;gap:4px}
.filters label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.filters select,.filters input{height:36px;border:1.5px solid #d8caa4;border-radius:7px;padding:0 10px;background:#fff;font-size:13px;min-width:118px}
.filters .fchk{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink);height:36px}
.filters .fchk input{width:16px;height:16px;min-width:0}
.filters .fapply{height:36px;padding:0 18px;border-radius:7px;background:var(--green-800);color:#fff;font-size:13px;font-weight:600}
.revedone{background:#eef6ec;border:1px solid #bcdcb4;border-radius:9px;padding:14px 16px;font-size:13px;color:#2b6a33}
.revedone b{color:#1d5223}
.price .from{font-size:11px;color:var(--muted);font-weight:400;margin-right:2px}
.filters .fclear{height:36px;padding:0 14px;border-radius:7px;border:1.5px solid #d8caa4;background:#fff;color:var(--brown-700);font-size:13px}

/* ---------- mini basket summary rows ---------- */
.mc-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:2px 0}
.mc-row b{color:var(--green-900)}
.mc-row.disc,.mc-row.disc b{color:#2b6a33}
.mc-row.tot{border-top:1px dashed #e3ddc9;margin-top:4px;padding-top:6px;font-size:15px}
.mc-row.tot small{font-weight:400;color:#2b6a33;font-size:11px}
.mc-cphint{font-size:11.5px;color:var(--brown-700);background:#fff8e8;border:1px dashed #e6cf94;
  border-radius:8px;padding:7px 10px;margin:8px 0 2px}

/* ---------- wishlist hearts ---------- */
.card{position:relative}
.wishbtn{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.92);border:1px solid #e6dcc0;color:#9a8f74;font-size:15px;line-height:1;
  display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.wishbtn:hover{color:#c2436a;border-color:#e6b8c6}
.wishbtn.on{color:#c2436a;border-color:#e6b8c6;background:#fff0f4}
.wishbtn svg{width:16px;height:16px}
.wishbtn.on svg{fill:currentColor}
#wishCount{background:#c2436a}
.pdp-wishrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 2px}
.btn-wish{display:inline-flex;align-items:center;gap:7px;border:1.6px solid #e6dcc0;background:#fff;
  border-radius:24px;padding:7px 15px;font-size:12.5px;font-weight:600;color:var(--brown-700)}
.btn-wish:hover{border-color:#e6b8c6;color:#c2436a}
.btn-wish.on{background:#fff0f4;border-color:#e6b8c6;color:#c2436a}
.btn-wish.on svg{fill:currentColor}
.btn-wish svg{width:16px;height:16px}

/* ---------- coupons ---------- */
.coupon{background:#fffdf4;border:1px dashed #e0cf9b;border-radius:10px;padding:12px 14px;margin:2px 0 6px}
.coupon>label{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.cprow{display:flex;gap:8px}
.cprow input{flex:1;height:40px;border:1.5px solid #d8caa4;border-radius:8px;padding:0 12px;background:#fff;text-transform:uppercase}
.cprow button{height:40px;padding:0 18px;border-radius:8px;background:var(--green-800);color:#fff;font-weight:600;font-size:13px}
.cprow button.rm{background:#fff;color:var(--brown-700);border:1.5px solid #d8caa4}
.cpmsg{font-size:12.5px;margin-top:7px;min-height:16px}
.cpmsg.ok{color:#2b6a33}
.cpmsg.err{color:#a1462e}
.cphint{font-size:11.5px;color:var(--muted);margin-top:6px}
.cphint b{color:var(--brown-700)}
.sums .disc span:last-child{color:#2b6a33;font-weight:600}
.cpline{color:#2b6a33;font-weight:600}

/* ---------- recently viewed strip ---------- */
.seen-strip{margin-top:26px}
.seen-strip .ssrow{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:12px;overflow-x:auto;padding:4px 2px 10px}
.seen-card{background:#fff;border:1px solid #eae2cd;border-radius:11px;overflow:hidden;text-align:center}
.seen-card .artwrap{height:104px}
.seen-card b{display:block;font-size:11.5px;color:var(--green-900);padding:7px 8px 2px;line-height:1.3}
.seen-card span{display:block;font-size:12px;font-weight:700;color:var(--brown-700);padding-bottom:9px}

/* ---------- product Q&A ---------- */
.qa-item{border-bottom:1px dashed #e6dcc0;padding:12px 0}
.qa-q{display:flex;gap:9px;font-size:13.5px;font-weight:600;color:var(--green-900)}
.qa-a{display:flex;gap:9px;font-size:13px;color:var(--muted);margin-top:8px;background:#f7f4e9;border-radius:9px;padding:10px 12px}
.qa-av{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--brown-700);
  display:grid;place-items:center;font-size:11px;font-weight:700}
.qa-a .qa-av{background:var(--green-800);color:#fff}
.qa-form{display:grid;gap:9px;margin-top:14px;background:#fdfcf6;border:1px solid #eae2cd;border-radius:10px;padding:13px}
.qa-form input,.qa-form textarea{border:1.5px solid #d8caa4;border-radius:8px;padding:9px 11px;font-size:13.5px}
.qa-done{background:#eef6ec;border:1px solid #bcdcb4;border-radius:9px;padding:12px 14px;font-size:13px;color:#2b6a33}

/* ---------- order tracking ---------- */
.track-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#fff;border:1px solid #eae2cd;
  border-radius:12px;padding:14px;margin-bottom:18px}
.track-form .fg{display:flex;flex-direction:column;gap:5px}
.track-form label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.track-form input{height:42px;border:1.5px solid #d8caa4;border-radius:8px;padding:0 12px;min-width:210px}
.track-form button{height:42px;padding:0 22px;border-radius:8px;background:var(--green-800);color:#fff;font-weight:600}
.tl{margin:4px 0 18px}
.tl-step{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:flex-start}
.tl-dot{width:30px;height:30px;border-radius:50%;background:#eee7d4;color:#a99a76;display:grid;place-items:center;
  font-size:13px;border:2px solid #e2d9bf}
.tl-step.done .tl-dot{background:var(--green-800);color:#fff;border-color:var(--green-800)}
.tl-step.now .tl-dot{background:var(--gold);color:#fff;border-color:var(--gold-dark);box-shadow:0 0 0 4px rgba(201,154,46,.22)}
.tl-line{width:2px;height:20px;background:#e6dfcb;margin-left:14px}
.tl-step.done .tl-line{background:var(--green-700)}
.tl-body b{display:block;font-size:13.5px;color:var(--green-900)}
.tl-body small{color:var(--muted);font-size:11.5px}
.tl-cancel{background:#fdeceb;border:1px solid #f0c0bb;color:#a1462e;border-radius:10px;padding:12px 14px;font-size:13px}
.status-pill{display:inline-block;border-radius:20px;padding:3px 12px;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.sp-pending{background:#fdf3dd;color:#9a6b08}
.sp-confirmed{background:#e3eefb;color:#1f5f8b}
.sp-packed{background:#ece9f5;color:#5b4a9f}
.sp-shipped{background:#e2f2e5;color:#2c7a39}
.sp-delivered{background:#d9f0d9;color:#1d6b2a}
.sp-cancelled{background:#fdeceb;color:#a1462e}

/* ---------- wishrow label swap + seen strip spacing ---------- */
.btn-wish .on-t{display:none}
.btn-wish.on .on-t{display:inline}
.btn-wish.on .off-t{display:none}
.btn-wish[href]:hover{border-color:var(--gold);color:var(--gold-dark)}

/* ---------- misc ---------- */
.fcount{font-size:12.5px;color:var(--muted);margin:0 0 12px}

/* ============================================================
   Display typography — Abril Fatface
   Self-hosted (fonts/*.woff2), no third-party request.
   Applied to: MAIN HEADINGS · PRODUCT TITLES · EDITORIAL QUOTES
   Abril Fatface ships a single weight (400), so font-weight is
   forced to 400 everywhere it is used to prevent faux-bold.
   ============================================================ */
@font-face{
  font-family:'Abril Fatface';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/abril-fatface-latin-ext-400.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Abril Fatface';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/abril-fatface-latin-400.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---- MAIN HEADINGS ---- */
.hero-copy h2,
.page-hero h1,
.sec h1,.sec h3,
.prose h2,
.panel h2,
.blk h3,
.blk .rte-out h4{
  font-family:var(--font-display);
  font-style:normal;
  font-weight:400;
  letter-spacing:0;
}
.hero-copy h2{font-size:28px;line-height:1.18}
.page-hero h1{font-size:30px;line-height:1.2}
.sec h1,.sec h3{font-size:21px;line-height:1.25}
.prose h2{font-size:19px}
.panel h2{font-size:18px}
.blk h3{font-size:15.5px}
.blk .rte-out h4{font-size:15px;margin:14px 0 6px;color:var(--green-900)}
@media(min-width:900px){
  .hero-copy h2{font-size:36px}
}

/* ---- PRODUCT TITLES ---- */
.card h4,
.pdp h1,
.seen-card b,
.mc-info b,
.cline .nm{
  font-family:var(--font-display);
  font-weight:400;
  letter-spacing:0;
}
.card h4{font-size:14px;line-height:1.35}
.pdp h1{font-size:23px;line-height:1.25}
.seen-card b{font-size:12.5px;line-height:1.3}
.mc-info b{font-size:13.5px}
.cline .nm{font-size:14px}
/* keep the small pack-size / weight chips in the UI font */
.cline .nm small{font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans Bengali","Nirmala UI",sans-serif}

/* ---- EDITORIAL QUOTES ---- */
.edquote,
blockquote,
.ftag em{
  font-family:var(--font-display);
  font-style:normal;
  font-weight:400;
  letter-spacing:0;
}
.edquote,blockquote{font-size:20px;line-height:1.5;color:var(--green-900);text-align:center;margin:22px 0 6px}
.edquote p,blockquote p{margin:0}
.edquote i,.edquote em,blockquote i,blockquote em{font-style:normal}
.edquote cite,blockquote cite{display:block;font-size:13.5px;margin-top:8px;color:var(--muted)}
.ftag em{font-size:15px;line-height:1.35;color:#d8c48f}

/* ============================================================
   Neem-leaf mouse cursor — applied to the whole storefront.
   img/cursor-leaf.png is 32x32 (the size every browser accepts;
   larger images are ignored by Firefox, which would silently fall
   back to the default arrow). The leaf is rotated so its tip sits
   at the hotspot (1,1), has a cream halo so it stays visible over
   the dark-green header/footer and over leaf photos, and is a
   little larger than the system pointer.
   If the image ever fails to load, every rule falls back to auto.
   !important is deliberate: the theme sets its own cursor:pointer /
   zoom-in on .card h4, .card .thumb, .allcat, .gallery-main, summary
   and others, and those class selectors out-rank a universal rule.
   ============================================================ */
html,body,body *{cursor:url('../img/cursor-leaf.png') 1 1,auto !important}

/* ============================================================
   Botanical page background
   img/bg-botanical.webp is painted on <html> and held still while
   the page scrolls; a translucent cream veil on <body> keeps text
   readable. Measured on the real photo (median luminance 0.59,
   dark leaves down to 0.06): at 62% veil even the darkest leaf
   area lands at the values noted below.
     section headings  #16352a  -> 7.9:1
     secondary text    #4a4232  -> 5.7:1
   Cards, panels, forms and the dark header/footer are opaque, so
   their text is untouched. Only text that sits DIRECTLY on the
   photo needs the darker tone, so those selectors are listed
   explicitly rather than changing the site-wide palette.
   ============================================================ */
/* The veil is a gradient layer stacked ON TOP of the photo, both painted on
   <html> so they cover the entire canvas (including any area past the footer)
   and stay still while the page scrolls. */
html{
  background-color:#e9e6df;
  background-image:linear-gradient(rgba(246,239,221,.62),rgba(246,239,221,.62)),url('../img/bg-botanical.webp');
  background-position:center center,center center;
  background-size:cover,cover;
  background-repeat:no-repeat,no-repeat;
  background-attachment:fixed,fixed;
}
/* body must be transparent or its opaque cream would hide the photo */
body{background:transparent}
.sec small,.crumbs,.fcount,.empty{color:#4a4232}
.crumbs a{color:#5f3a16}
.crumbs a:hover{color:#3d2509}