@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}:root{--bg:#F7F4ED;--card:#E7DDCD;--olive:#7C866B;--green:#46543F;--hover:#354130;--ink:#292E26;--muted:#62685B;--line:#D8D2C5;--white:#FFFDFA}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Estedad',Tahoma,Arial,sans-serif;direction:rtl}button,input,select{font:inherit}.wrap{width:min(1180px,92%);margin:auto}.bar{background:var(--green);color:#fff;text-align:center;padding:7px;font-size:12px}header{position:sticky;top:0;z-index:20;background:#f7f4edf2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{height:78px;display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800}.logo img{width:56px;height:56px;object-fit:contain;border-radius:16px}.links{display:flex;gap:20px;margin:auto}.links a{color:var(--ink);text-decoration:none}.icons{display:flex;gap:8px}.ico{width:42px;height:42px;border:1px solid var(--line);background:var(--white);border-radius:14px;cursor:pointer;position:relative}.badge{position:absolute;top:-7px;right:-5px;background:var(--green);color:#fff;border-radius:20px;padding:2px 6px;font-size:10px}.hero{padding:45px 0}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.copy{padding:35px}.copy small{color:var(--green);font-weight:800}.copy h1{font-size:clamp(40px,6vw,76px);line-height:1.1;margin:12px 0}.copy p{color:var(--muted);line-height:2}.art{min-height:460px;background:linear-gradient(145deg,var(--card),#fff);border-radius:38px;display:grid;place-items:center;overflow:hidden}.art img{width:76%;height:370px;object-fit:cover;border-radius:50% 50% 22px 22px;box-shadow:0 25px 55px #292e2625}.btn{border:0;border-radius:14px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;transition:.2s}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--hover);transform:translateY(-2px)}.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}.search input{width:100%;height:58px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:0 20px;outline:none}.search input:focus{border-color:var(--green);box-shadow:0 0 0 3px #46543f15}.section{padding:42px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.head h2{margin:0;font-size:29px}.head p{margin:6px 0;color:var(--muted)}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.cat{background:var(--white);border:1px solid var(--line);border-radius:21px;padding:17px 8px;text-align:center;cursor:pointer;transition:.2s}.cat:hover{transform:translateY(-4px);border-color:var(--olive)}.orb{width:68px;height:68px;border-radius:50%;background:var(--card);display:grid;place-items:center;margin:auto auto 10px;font-size:27px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{background:linear-gradient(180deg,#FFFDFA 0%,#F1E8DA 100%);border:1px solid #DDD4C6;border-radius:23px;overflow:hidden;transition:.25s;box-shadow:0 6px 20px #292e2608}.product:hover{transform:translateY(-5px);box-shadow:0 15px 40px #292e2614}.pic{aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(145deg,#E9DECE,#F6F0E6)}.pic img{width:100%;height:100%;object-fit:cover;transition:.35s}.product:hover img{transform:scale(1.035)}.quick{position:absolute;bottom:12px;right:12px;left:12px;opacity:0}.product:hover .quick{opacity:1}.body{padding:16px;background:linear-gradient(180deg,#F8F3EA,#EEE4D5)}.tag{color:var(--olive);font-size:12px}.body h3{font-size:16px;margin:7px 0 12px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.price{color:var(--green);font-weight:800}.notice{background:var(--card);border-radius:28px;padding:28px}.notice summary{font-weight:800;font-size:20px;cursor:pointer}.notice ul{columns:2;line-height:2;color:var(--muted)}footer{background:var(--green);color:var(--card);padding:42px 0 95px;margin-top:45px}footer h3,footer a{color:var(--bg)}footer a{display:block;text-decoration:none;margin:8px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.modal{position:fixed;inset:0;background:#292e2675;display:none;align-items:center;justify-content:center;padding:16px;z-index:100}.modal.show{display:flex}.box{width:min(850px,100%);max-height:90dvh;overflow:auto;background:var(--bg);border-radius:25px;padding:20px}.close{float:left;border:0;background:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.detail{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mainimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.thumbs{display:flex;gap:7px;overflow:auto;margin-top:8px}.thumbs img{width:65px;height:65px;object-fit:cover;border-radius:10px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:6px 9px;font-size:12px}.mobile{display:none}.admin{min-height:100vh;padding:35px}.panel{width:min(1080px,96%);margin:auto;background:var(--white);border:1px solid var(--line);border-radius:25px;padding:24px}.adminGrid{display:grid;grid-template-columns:210px 1fr;gap:20px}.side{background:var(--card);padding:14px;border-radius:16px}.side button{width:100%;margin:5px 0}.field{display:grid;gap:6px;margin:12px 0}.field input,.field select{height:45px;border:1px solid var(--line);border-radius:12px;padding:0 10px;background:#fff}.note{background:#fff7d9;border:1px solid #e7d68e;padding:13px;border-radius:13px;color:#655d31}
@media(max-width:950px){.links{display:none}.heroGrid{grid-template-columns:1fr}.cats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){body{padding-bottom:75px}nav{height:67px}.logo img{width:46px;height:46px}.hero{padding:20px 0}.copy{padding:10px}.copy h1{font-size:42px}.art{min-height:320px;border-radius:25px}.art img{height:270px}.cats{gap:8px}.cat{padding:11px 5px;border-radius:16px}.orb{width:55px;height:55px}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.product{border-radius:17px}.body{padding:11px}.body h3{font-size:14px}.quick{display:none}.section{padding:29px 0}.notice ul{columns:1;padding-right:18px}.detail{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.mobile{display:grid;position:fixed;bottom:10px;left:12px;right:12px;height:62px;background:#fff;border:1px solid var(--line);border-radius:21px;grid-template-columns:repeat(4,1fr);z-index:50;box-shadow:0 12px 35px #292e2630}.mobile>*{border:0;background:none;color:var(--ink);text-decoration:none;display:grid;place-items:center;font-size:11px}.admin{padding:12px}.panel{width:100%;padding:13px}.adminGrid{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:5px}.side button{min-width:140px}.box{max-height:92dvh}}

.search{position:relative}.search input{padding:0 68px 0 20px}.searchBtn{position:absolute;right:7px;top:7px;width:44px;height:44px;border:0;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.22s;box-shadow:0 7px 18px #46543f26}.searchBtn:hover{background:var(--hover);transform:translateY(-1px)}.searchBtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.searchHint{font-size:11px;color:var(--muted);margin:7px 6px 0}.searchPulse{animation:searchPulse .42s ease}@keyframes searchPulse{50%{transform:scale(.9)}}

/* Warm editorial palette inspired by the supplied reference */
.hero{background:radial-gradient(circle at 75% 20%,#fffaf0 0,transparent 34%)}
.art{background:linear-gradient(145deg,#E3D5C2,#F7F1E7 55%,#DED0BC)}
.cat{background:linear-gradient(180deg,#FFFDFA,#F0E7DA)}
.cat:hover{box-shadow:0 12px 30px #665d4d18}
.orb{background:linear-gradient(145deg,#D9C9B3,#EEE5D8);color:var(--green)}
.search input{box-shadow:inset 0 1px 0 #fff,0 6px 18px #51493608}
.notice{background:linear-gradient(145deg,#E9DECE,#F3ECE1)}
@media(max-width:700px){.product{box-shadow:0 4px 14px #292e2608}.body{padding:12px}}

/* Mobile product details action */
.mobileDetail{display:none;width:100%;margin-top:10px;align-items:center;font-size:13px;font-weight:700;background:#FFFDFA}
@media(max-width:700px){
  .mobileDetail{display:flex;min-height:42px}
  .mobileDetail:active{background:var(--green);color:#fff;transform:scale(.985)}
  .product .body .row{margin-bottom:2px}
}

/* Mobile header alignment: keep search and cart controls on the left */
@media(max-width:700px){
  header nav{position:relative;width:min(1180px,92%)}
  header .icons{margin-right:auto;margin-left:0;display:flex;justify-content:flex-start;align-items:center;flex:0 0 auto}
}

/* v6 — cleaner product detail information */
.detailInfo{margin:16px 0;display:grid;gap:9px}
.detailRow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 13px;background:#FFFDFA;border:1px solid var(--line);border-radius:13px;line-height:1.8}
.detailKey{color:var(--muted);font-size:13px;white-space:nowrap}
.detailValue{color:var(--ink);font-weight:700;text-align:left}
.detailPrice{margin:17px 0 4px;padding:14px 16px;background:#EAE3D5;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.detailPrice span{color:var(--muted);font-size:13px}.detailPrice strong{color:var(--green);font-size:19px}
@media(max-width:700px){.detailRow{padding:10px 11px;gap:10px}.detailValue{font-size:13px}.detailPrice strong{font-size:17px}}

.hero-flourish{display:inline-block;color:#7C866B;font-size:.72em;margin-inline-start:.18em;vertical-align:.08em;font-weight:400;}
/* Supabase final fixes */
.cat{font:inherit;color:inherit}.detailText{min-width:0}.detailValue{direction:rtl;text-align:right;overflow-wrap:anywhere;flex:1}.detailRow{direction:rtl}.detailInfo{width:100%}@media(max-width:700px){.detailRow{display:grid;grid-template-columns:auto 1fr}.detailValue{text-align:right}.box{padding:15px}}


/* V17 - removable cart */
.cartPanel{direction:rtl}
.cartHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:4px 0 18px}
.cartHead h2{margin:0 0 5px}
.cartHead p{margin:0;color:var(--muted);font-size:13px}
.cartClear{border:0;background:transparent;color:#8a4e47;cursor:pointer;font:inherit;font-size:13px;padding:7px 9px;border-radius:10px}
.cartClear:hover{background:#f3e4df}
.cartItems{display:grid;gap:10px}
.cartItem{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);background:var(--white);border-radius:16px}
.cartItem img{width:74px;height:74px;object-fit:cover;border-radius:12px;background:var(--card)}
.cartItemInfo{display:grid;gap:4px;min-width:0}
.cartItemInfo strong{color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartItemInfo span{color:var(--muted);font-size:12px}
.cartItemInfo b{color:var(--green);font-size:14px}
.cartRemove{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dfc6bf;background:#fff8f5;color:#8a4e47;border-radius:11px;padding:8px 10px;cursor:pointer;font:inherit;font-size:12px;transition:.2s}
.cartRemove:hover{background:#f3e4df;border-color:#cda99f;transform:translateY(-1px)}
.cartRemove svg{width:17px;height:17px}
.cartSummary{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.cartSummary span{color:var(--muted)}
.cartSummary strong{font-size:18px;color:var(--green)}
@media(max-width:700px){
  .cartItem{grid-template-columns:60px minmax(0,1fr);gap:10px}
  .cartItem img{width:60px;height:60px}
  .cartRemove{grid-column:1/-1;width:100%}
  .cartHead{align-items:center}
}