:root{--paper:#f7f4ef;--ink:#292821;--muted:#77736b;--line:#ded8cf;--accent:#a17d5e;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.brand b{font:25px var(--serif);letter-spacing:.18em}.brand small{font-size:8px;letter-spacing:.22em;margin-top:7px}.plain,.back{border:0;background:none;letter-spacing:.12em;font-size:11px}.hero{padding:90px 9vw 85px;min-height:470px;background:radial-gradient(ellipse at 85% 35%,#ded0bf 0,transparent 48%)}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--accent);font-weight:bold;margin:0 0 14px}.hero h1{font:clamp(50px,7vw,84px)/.98 var(--serif);letter-spacing:-.04em;margin:0 0 22px}.hero h1 i{color:#927254;font-weight:normal}.hero p:not(.eyebrow){max-width:360px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);padding:13px 18px;font-size:10px;font-weight:bold;letter-spacing:.13em;min-height:44px}.button:hover{background:#4a473f}main{padding:68px 6vw 82px}h2{font:clamp(30px,4vw,44px)/1.1 var(--serif);font-weight:normal;margin:0 0 28px}.countries{display:grid;grid-template-columns:1fr 1fr;gap:18px}.country{min-height:250px;border:0;padding:25px;text-align:left;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#707a69,#aaa28d)}.country.thailand{background:linear-gradient(135deg,#89725e,#c4a88c)}.country small,.country span{font-size:9px;letter-spacing:.18em}.country strong{font:clamp(36px,5vw,56px) var(--serif);font-weight:normal}.hidden{display:none!important}#storesSection,#productsSection{margin-top:45px}.back{padding:0;margin-bottom:25px;color:var(--muted)}.stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.store{padding:22px;background:#fffdfa;border:1px solid var(--line);min-height:120px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.store:hover{border-color:var(--accent)}.store small{font-size:9px;letter-spacing:.13em;color:var(--accent)}.store strong{font:23px var(--serif);font-weight:normal}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}.product{cursor:pointer}.photo{aspect-ratio:3/4;background:#e7e0d6;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:grid;place-items:center;color:#928879;font:26px var(--serif)}.product h3{font-size:12px;font-weight:normal;margin:10px 0 3px}.price{font-size:12px;font-weight:bold;margin:0}.meta{font-size:10px;color:var(--muted)}.empty{text-align:center;padding:35px;color:var(--muted)}footer{background:#5b1026;color:#fff;text-align:center;padding:45px 20px 25px}footer>b{font:22px var(--serif);letter-spacing:.2em}footer p,footer a{font-size:12px}footer p{color:#f0dfe5}footer a{color:#fff}footer small{display:block;color:#e0c3cd;font-size:9px;margin-top:30px}.modal{position:fixed;inset:0;z-index:20;background:#171613e8;display:flex;align-items:center;justify-content:center;padding:45px 65px}.modalBody{max-width:900px;width:100%;max-height:90vh;overflow:auto;background:var(--paper);display:grid;grid-template-columns:1fr 1fr}.modalPhoto{background:#e7e0d6;min-height:350px}.modalPhoto img{width:100%;height:100%;object-fit:cover}.details{padding:35px;align-self:center}.details h2{margin-bottom:12px}.close,.arrow{position:absolute;border:0;background:none;color:white}.close{top:10px;right:22px;font-size:36px}.arrow{top:50%;font:42px var(--serif)}.left{left:18px}.right{right:18px}.overlay{position:fixed;z-index:30;inset:0;background:#201f1dbd;display:flex;justify-content:flex-end}.admin{position:relative;width:min(600px,100%);height:100%;overflow:auto;background:var(--paper);padding:45px clamp(22px,4vw,45px)}.dark{color:var(--ink)}.admin h2{margin-bottom:5px}.muted{color:var(--muted);font-size:12px}.admin form{display:grid;gap:12px}.admin label{display:grid;gap:5px;font-size:11px;color:#5c5951}.admin input,.admin select,.admin textarea{width:100%;padding:10px;border:1px solid var(--line);background:#fffdfa;color:var(--ink)}.admin input[type=file]{font-size:11px}.admin label.check{display:flex;flex-direction:row;align-items:center;gap:8px}.check input{width:16px}.message{font-size:12px;color:var(--accent);min-height:18px}.adminTop{display:flex;justify-content:space-between;align-items:center}.outline{padding:8px 12px;background:transparent;border:1px solid var(--line)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0}.tab{background:none;border:0;padding:10px 0;color:var(--muted)}.tab.active{border-bottom:2px solid var(--accent);color:var(--ink)}.admin h3{font:23px var(--serif);font-weight:normal}.adminItem{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);background:#fffdfa;margin:8px 0;font-size:12px}.adminItem small{display:block;color:var(--muted)}.adminItem button{font-size:10px;background:none;border:1px solid var(--line);padding:5px 8px}.footnote{border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.warning{padding:12px;background:#fff4df;color:#674b25;font-size:12px;margin-top:20px}@media(max-width:700px){.hero{padding:70px 7vw;min-height:440px}main{padding:50px 5vw}.countries{grid-template-columns:1fr}.country{min-height:200px}.stores{grid-template-columns:repeat(2,minmax(0,1fr))}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:50px 12px 15px}.modalBody{grid-template-columns:1fr;max-width:500px}.modalPhoto{min-height:0;aspect-ratio:4/3}.details{padding:22px}.arrow{top:32%;font-size:32px}.left{left:6px}.right{right:6px}}@media(max-width:430px){.brand b{font-size:20px}.stores{grid-template-columns:1fr}.admin{padding-top:50px}}

/* Paraluman visual refresh: warm ivory, soft champagne and quiet rose-taupe */
:root{--paper:#faf7f2;--ink:#282522;--muted:#77716b;--line:#e7dfd6;--accent:#a78675;--serif:Georgia,"Times New Roman",serif;--blush:#efe4dc;--cream:#f6f0e8;--taupe:#c8b6a7}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);letter-spacing:.005em}header{height:88px;background:rgba(250,247,242,.94);border-bottom-color:#e9e1d9;position:relative;z-index:2}.brand b{font-size:24px;letter-spacing:.21em;font-weight:normal}.brand small{color:#81766e;font-size:8px;letter-spacing:.19em}.plain{padding:12px 0;color:#655950;transition:color .2s}.plain:hover,.back:hover{color:#a78675}.hero{min-height:500px;padding:clamp(78px,10vw,128px) 10vw 100px;background:radial-gradient(ellipse at 88% 30%,rgba(220,202,188,.58) 0,rgba(239,228,220,.32) 32%,transparent 66%),linear-gradient(115deg,#faf7f2 0%,#f8f2eb 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:8%;bottom:-95px;width:250px;height:250px;border:1px solid rgba(167,134,117,.18);border-radius:50%;pointer-events:none}.hero h1{max-width:760px;font-weight:normal;line-height:.99}.hero h1 i{color:#a78675}.eyebrow{color:#9b7867}.button{background:#302b27;border-color:#302b27;transition:background .2s,border-color .2s,transform .2s}.button:hover{background:#8d7162;border-color:#8d7162;transform:translateY(-1px)}main{padding-top:76px;padding-bottom:96px}h2{letter-spacing:-.025em}.countries{gap:20px}.country{min-height:280px;padding:30px;background:linear-gradient(135deg,#b7b7a6 0%,#d7c9bb 100%);transition:transform .25s,filter .25s;box-shadow:0 10px 28px rgba(65,51,42,.05)}.country.thailand{background:linear-gradient(135deg,#bca99b 0%,#e3d4c5 100%)}.country:hover{transform:translateY(-3px);filter:saturate(.92)}.country small,.country span{color:rgba(45,39,34,.76)}.country strong{color:#302b27}.store{background:#fffdfa;border-color:#e9e1d9;transition:transform .2s,border-color .2s,box-shadow .2s}.store:hover{transform:translateY(-2px);border-color:#c8b6a7;box-shadow:0 8px 22px rgba(65,51,42,.06)}.store strong{line-height:1.25}.photo{background:#eee6dd}.product{transition:transform .2s}.product:hover{transform:translateY(-2px)}.product h3{font-size:13px}.price{color:#4b4039}.placeholder{color:#a18e80;background:linear-gradient(145deg,#f1e9e1,#e7dbd0)}footer{background:#eee6dd;border-top:1px solid #e4d8ce}footer>b{font-weight:normal;letter-spacing:.22em}footer a{color:#7c6254}footer a:hover{text-decoration:underline}.modal{background:rgba(38,32,28,.82);backdrop-filter:blur(4px)}.modalBody{box-shadow:0 20px 70px rgba(0,0,0,.18)}.close,.arrow{transition:opacity .2s}.close:hover,.arrow:hover{opacity:.72}.overlay{background:rgba(39,32,28,.55);backdrop-filter:blur(3px)}.admin{box-shadow:-15px 0 55px rgba(35,25,20,.1)}.admin input:focus,.admin select:focus,.admin textarea:focus{outline:2px solid rgba(167,134,117,.25);border-color:#b59a89}.outline{border-color:#d9cbbf}.outline:hover{background:#f1e9e1}.warning{background:#f4e9dc;color:#725543;border:1px solid #e6d4c4}
@media(max-width:700px){header{height:76px;padding:0 5vw}.brand b{font-size:21px}.hero{background:radial-gradient(ellipse at 88% 20%,rgba(220,202,188,.55) 0,transparent 58%),linear-gradient(115deg,#faf7f2,#f8f2eb)}.countries{gap:14px}.country{min-height:220px;padding:23px}main{padding-top:54px;padding-bottom:70px}}

/* Clean destination flags and understated store marks */
.country{position:relative;gap:14px;align-items:flex-start;justify-content:flex-end}
.country-flag{display:inline-grid;place-items:center;font-family:Arial,sans-serif;font-size:34px;line-height:1;filter:saturate(.88);margin-bottom:auto;padding-bottom:12px}
.country strong{display:block}
.country span:last-child{margin-top:3px}
.store{min-height:164px;align-items:flex-start;justify-content:flex-start;gap:14px;padding:24px}
.store-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d9c8bb;border-radius:50%;background:linear-gradient(145deg,#f7eee6,#e8d9cd);color:#8d7162;font:21px Georgia,serif;flex-shrink:0}
.store strong{display:block}
.store .meta{margin-top:auto;padding-top:10px;letter-spacing:.02em}
@media(max-width:700px){.store{min-height:145px;padding:18px}.country-flag{font-size:31px}}

/* Final polish: quiet flags, editorial cards, and a much larger product viewer */
:root{--paper:#faf7f2;--ink:#332c27;--muted:#81766d;--line:#e7ddd3;--accent:#a3846d}
body{background:var(--paper)}
header{background:rgba(250,247,242,.94);backdrop-filter:blur(10px)}
.hero{background:radial-gradient(ellipse at 88% 25%,rgba(218,198,180,.55) 0,transparent 48%),linear-gradient(110deg,#faf7f2,#f5ece3)}
.country{position:relative;overflow:hidden;border-radius:5px;min-height:225px;padding:28px;background:linear-gradient(115deg,#dfcbb9,#cbb5a1);color:#43362d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transition:transform .22s ease,box-shadow .22s ease}
.country.thailand{background:linear-gradient(115deg,#e8d8c8,#cbb6a1)}
.country:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(94,70,53,.09)}
.country-flag{font-size:17px!important;filter:none!important;width:34px;height:34px;padding:0!important;margin:0 0 8px!important;border-radius:50%;background:rgba(250,247,242,.76);box-shadow:0 1px 4px rgba(60,45,34,.08)}
.country strong{font-size:clamp(32px,4vw,48px)}
.country span:last-child{font-size:9px;letter-spacing:.16em;color:#6f5847}
.store{border-radius:4px;background:linear-gradient(135deg,#fffdfa,#f4ece4);border-color:#e6dacf;transition:transform .2s ease,box-shadow .2s ease}
.store:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(94,70,53,.07)}
.store-mark{background:#e8d8ca;border-color:#e0cdbd;color:#846955}
.product .photo{background:#eee5dc;border-radius:2px}
.product:hover .photo{box-shadow:0 8px 20px rgba(73,54,40,.12)}
.button{background:#94745a;border-color:#94745a;color:#fffaf5}
.button:hover{background:#7f624d;border-color:#7f624d}
footer{background:#eee5db}
.modal{padding:22px;background:rgba(35,29,25,.78);backdrop-filter:blur(5px)}
.modalBody{max-width: min(1240px,96vw);width:100%;height:min(88vh,850px);max-height:88vh;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);overflow:hidden;border-radius:5px;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.modalPhoto{min-height:0;height:100%;display:flex;align-items:center;justify-content:center;background:#eee5dc;overflow:hidden}
.modalPhoto img{width:100%;height:100%;object-fit:contain;background:#eee5dc}
.details{padding:clamp(28px,4vw,58px);overflow:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.details h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;margin-bottom:16px}
.details p{margin-top:8px;margin-bottom:8px}
.details .button{align-self:flex-start;margin-top:20px}
.close{z-index:2;top:16px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(49,39,32,.45);font-size:30px;line-height:1}
.arrow{z-index:2;width:42px;height:42px;border-radius:50%;background:rgba(250,247,242,.9);color:#4b3c31;font-size:34px;line-height:1;display:grid;place-items:center}
.arrow.left{left:34px}.arrow.right{right:34px}
@media(max-width:700px){.country{min-height:180px;padding:20px}.modal{padding:12px}.modalBody{height:92vh;max-height:92vh;grid-template-columns:1fr;grid-template-rows:minmax(0,1.05fr) auto;overflow:auto;max-width:560px}.modalPhoto{height:auto;min-height:0;aspect-ratio:4/4.5}.modalPhoto img{object-fit:contain}.details{padding:22px 24px 26px;overflow:visible}.details h2{font-size:32px}.details .button{align-self:stretch}.close{top:18px;right:18px;background:rgba(49,39,32,.58);color:white}.arrow{top:30%;width:36px;height:36px}.arrow.left{left:18px}.arrow.right{right:18px}}

/* FINAL EDITORIAL BOUTIQUE PASS */
:root{--paper:#faf6f0;--ink:#342d28;--muted:#80736a;--line:#e6d9ce;--accent:#a7866e}
body{background:#faf6f0;color:#342d28}
header{background:rgba(250,246,240,.96);height:76px}
.hero{min-height:440px;padding:88px 9vw 76px;background:linear-gradient(90deg,rgba(250,246,240,.98) 0%,rgba(250,246,240,.9) 36%,rgba(250,246,240,.15) 100%)}
.hero:after{display:none}
.hero h1{max-width:560px;font-size:clamp(52px,6.6vw,82px)}
main{padding-top:58px}
.countries{gap:20px}
.country{position:relative;isolation:isolate;overflow:hidden;min-height:240px;padding:28px;justify-content:flex-end;gap:12px;border-radius:5px;color:#342d28;background:linear-gradient(115deg,rgba(220,204,190,.80),rgba(220,204,190,.18)),#d9c7b8;box-shadow:0 8px 24px rgba(69,48,34,.06)}
.country:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,232,220,.78),rgba(244,232,220,.08))}
.country.thailand{background-image:linear-gradient(115deg,rgba(226,210,196,.80),rgba(226,210,196,.12)),#d9c7b8}
.country-flag{font-size:23px;width:34px;height:34px;padding:0;margin:0 0 3px;border-radius:50%;background:rgba(250,246,240,.88);box-shadow:0 2px 10px rgba(55,42,32,.08)}
.country strong{font-size:clamp(36px,4vw,52px);text-shadow:0 1px 12px rgba(255,250,244,.4)}
.country span:last-child{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#5f4e41}
.store{min-height:145px;border-radius:4px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;align-content:center;padding:22px;background:linear-gradient(110deg,#fffaf5,#f2e8de);background-image:linear-gradient(110deg,rgba(255,250,245,.98),rgba(242,232,222,.94)),url('https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&w=900&q=70');background-position:center;background-size:cover}
.store-mark{grid-row:1 / span 2;width:44px;height:44px;align-self:center;background:#e7d4c4;border-color:#e0cbb9;color:#846957}
.store strong{align-self:end;font-size:23px}.store .meta{align-self:start;margin-top:5px}
.products{gap:24px 18px}.photo{border-radius:3px;background:#eee3d8}.product h3{font-size:14px}
.modal{padding:3vh 4vw;background:rgba(42,34,29,.84);backdrop-filter:blur(5px)}
.modalBody{max-width:1240px;width:min(1240px,94vw);max-height:94vh;min-height:min(78vh,760px);grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);overflow:auto;border-radius:5px;background:#faf6f0;box-shadow:0 24px 90px rgba(0,0,0,.25)}
.modalPhoto{min-height:0;height:100%;min-height:70vh;background:#eee3d8;display:flex;align-items:center;justify-content:center}
.modalPhoto img{width:100%;height:100%;max-height:88vh;object-fit:contain;background:#eee3d8}
.details{padding:clamp(28px,4vw,58px);align-self:center}.details h2{font-size:clamp(34px,4vw,50px)}.details .button{margin-top:14px}.close{top:12px;right:20px;font-size:38px;z-index:3}.arrow{font-size:48px}.left{left:12px}.right{right:12px}
@media(max-width:700px){.hero{min-height:410px;padding:65px 7vw 58px;background-position:center}.hero h1{font-size:clamp(46px,12vw,64px)}.country{min-height:205px}.modal{padding:45px 10px 12px}.modalBody{grid-template-columns:1fr;max-width:560px;width:100%;max-height:92vh;min-height:0}.modalPhoto{min-height:0;height:auto;aspect-ratio:4/4.5}.modalPhoto img{height:100%;max-height:none;object-fit:contain}.details{padding:22px 24px}.details h2{font-size:34px}.arrow{top:23%;font-size:36px}.close{top:2px;right:12px}}


/* Store-logo cards and admin logo controls */
.stores{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.store{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px 18px}
.store-logo-wrap{height:88px;width:100%;display:flex;align-items:center;justify-content:center}
.store-logo{display:block;max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain}
.store-mark{width:68px;height:68px;display:grid;place-items:center;border:1px solid #d9c7b8;border-radius:50%;background:rgba(255,255,255,.55);color:#8a6f5d;font:32px var(--serif)}
.store strong{font:22px var(--serif);font-weight:normal;overflow-wrap:anywhere}
.store .meta{font-size:10px}
.store-admin-item{align-items:center}
.store-admin-info{display:flex;align-items:center;gap:10px;min-width:0}
.admin-store-logo,.admin-store-logo-fallback{width:44px;height:44px;flex:0 0 44px;object-fit:contain;background:#f4ece4;border:1px solid var(--line);padding:4px}
.admin-store-logo-fallback{display:grid;place-items:center;color:#8a6f5d;font:20px var(--serif)}
.logo-replace{display:flex!important;align-items:center;gap:6px;max-width:145px;font-size:10px!important}
.logo-replace input{font-size:10px;padding:5px!important}
@media(max-width:700px){.stores{grid-template-columns:repeat(2,minmax(0,1fr))}.store{min-height:170px;padding:18px 12px}.store-logo-wrap{height:72px}.store-logo{max-height:68px}.store strong{font-size:19px}}
@media(max-width:430px){.stores{grid-template-columns:1fr}.store{min-height:150px}.store-logo-wrap{height:65px}}


/* Full-bleed store images */
.stores .store{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  text-align:right;
  gap:8px;
  padding:28px;
  background:#e9ddd1;
}
.stores .store::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(250,246,240,.08) 0%,rgba(250,246,240,.18) 42%,rgba(250,246,240,.92) 100%);
}
.stores .store:has(.store-logo)::before{
  background:linear-gradient(180deg,rgba(250,246,240,.12) 0%,rgba(250,246,240,.16) 40%,rgba(250,246,240,.92) 100%);
}
.stores .store .store-logo-wrap{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
}
.stores .store .store-logo{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
}
.stores .store .store-mark{
  position:absolute;
  top:22px;
  left:22px;
  width:60px;
  height:60px;
  font-size:28px;
  background:rgba(255,252,248,.78);
}
.stores .store strong{
  max-width:100%;
  font-size:30px;
  font-weight:600;
  text-shadow:0 1px 10px rgba(255,250,245,.3);
}
.stores .store .meta{
  margin-top:0;
  padding-top:0;
  font-size:13px;
}
@media(max-width:700px){
  .stores .store{min-height:220px;padding:18px}
  .stores .store strong{font-size:22px}
  .stores .store .store-mark{top:14px;left:14px;width:48px;height:48px;font-size:23px}
}


/* Store cards: let uploaded logos/backgrounds lead without repeating the store name */
.store{position:relative;isolation:isolate;overflow:hidden;min-height:225px;padding:18px 20px;text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:0}
.store-logo-wrap{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.store-logo{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.store-mark{width:100%;height:100%;border:0;border-radius:0;background:linear-gradient(135deg,#f2e6d8,#faf6f0);color:#8a6f5d;font:48px var(--serif);opacity:1}
.store .meta{position:relative;align-self:flex-start;margin-top:auto;padding:8px 10px;background:rgba(250,247,242,.86);backdrop-filter:blur(5px);border-radius:2px;color:#75665b;font-size:11px;letter-spacing:0}
@media(max-width:700px){.store{min-height:175px;padding:12px}.store .meta{font-size:9px;padding:6px 7px}}


/* Minimal store cards: the image itself is the clickable collection link */
.stores .store{padding:0!important;min-height:225px;display:block!important;position:relative;overflow:hidden;border-radius:4px;background:#f5eee6;cursor:pointer}
.stores .store-logo-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.stores .store-logo{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center}
.stores .store::before{display:none!important}
.stores .store .store-mark{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;display:grid;place-items:center;background:linear-gradient(135deg,#f2e7da,#faf6f0);color:#927763;font:48px var(--serif)}
.stores .store strong,.stores .store .meta{display:none!important}

@media(max-width:700px){.stores .store{min-height:175px}.country.vietnam,.country.thailand{background-position:center!important}}


/* Avoid flashing a bundled/old cover while the saved cover loads from Supabase. */
.hero{
  background-image:linear-gradient(90deg,rgba(250,246,240,.94),rgba(250,246,240,.76))!important;
  background-color:#f7f0e8!important;
  background-size:cover!important;
  background-position:center!important;
}
@media(max-width:700px){.hero{background-image:linear-gradient(90deg,rgba(250,246,240,.94),rgba(250,246,240,.76))!important;background-position:center!important}}

/* Admin controls for replacing and positioning existing store logos */
.store-logo-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:10px;width:100%}
.store-logo-controls .logo-replace{display:inline-flex;align-items:center;gap:6px}
.logo-position-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#75665b}
.logo-position-label select{min-width:130px;border:1px solid #ddcfc1;border-radius:4px;background:#fbf8f3;color:#45382f;padding:8px 10px;font:inherit}
.admin-store-logo{object-fit:cover;object-position:center}


/* Saved cover image is applied by app.js after it loads from Supabase. */
.hero{background-image:linear-gradient(90deg,rgba(250,246,240,.94),rgba(250,246,240,.76))!important;background-color:#f7f0e8!important;background-size:cover!important;background-position:center!important}

/* Manual vertical logo framing control */
.logo-position-label input[type="range"]{width:180px;accent-color:#8a674b;cursor:ew-resize}
.logo-position-label small{font-size:11px;color:#8a7b6d;max-width:210px}
.admin-store-logo{object-fit:cover}
.admin-product-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.danger-button{background:#8f2f2f!important;color:#fff!important;border:1px solid #8f2f2f!important}.danger-button:hover{opacity:.88}

.site-image-item{border:1px solid var(--line);background:#fffdfa;padding:14px;margin:12px 0}.site-image-item h4{font:20px var(--serif);font-weight:normal;margin:0 0 12px}.site-image-item label{margin:10px 0}.site-image-item input[type=range]{padding:0}.site-image-item small{color:var(--muted);font-size:10px}


/* Paraluman Clotheshoppe — Burgundy & White theme */
:root{
  --paper:#ffffff;
  --ink:#35101b;
  --muted:#75616a;
  --line:#eadde1;
  --accent:#781b36;
  --blush:#f8edf0;
  --cream:#fff8fa;
  --taupe:#c9a7b1;
}
body{background:#fff;color:#35101b}
header{background:rgba(255,255,255,.97);border-bottom-color:#eadde1}
.brand b{color:#70172f}
.brand small,.plain,.back{color:#75616a}
.plain:hover,.back:hover{color:#8a2341}
.hero{background-color:#fff;color:#35101b}
.hero h1,.hero h1 i{color:#70172f}
.eyebrow{color:#8a2341}
.button{background:#781b36;border-color:#781b36;color:#fff}
.button:hover{background:#571024;border-color:#571024}
.country{color:#fff;background:linear-gradient(115deg,rgba(86,12,34,.88),rgba(145,39,70,.72))}
.country.thailand{background:linear-gradient(115deg,rgba(86,12,34,.88),rgba(145,39,70,.72))}
.country:before{background:linear-gradient(90deg,rgba(74,8,27,.66),rgba(74,8,27,.12))}
.country small,.country span,.country span:last-child,.country strong{color:#fff}
.country-flag{background:rgba(255,255,255,.94);color:#781b36}
.store{background:#fff;border-color:#eadde1;background-image:none}
.store:hover{border-color:#b66b82;box-shadow:0 8px 22px rgba(94,16,40,.08)}
.store small,.store-mark{color:#781b36}
.store-mark{background:#f8edf0;border-color:#ead0d8}
.product h3,.price{color:#35101b}
.photo,.product .photo,.modalPhoto{background:#fff8fa}
.placeholder{color:#9b6576;background:linear-gradient(145deg,#fff,#f8edf0)}
footer{background:#781b36;color:#fff;border-top:1px solid #eadde1}
footer p,footer small,footer a{color:#fff}
footer a:hover{text-decoration:underline}
.modal{background:rgba(45,8,21,.84)}
.modalBody{background:#fff;box-shadow:0 20px 70px rgba(53,16,27,.18)}
.close{color:#fff}
.arrow{background:rgba(255,255,255,.94);color:#781b36}
.overlay{background:rgba(53,16,27,.6)}
.admin{background:#fff;color:#35101b}
.admin label{color:#62434e}
.admin input,.admin select,.admin textarea{background:#fff;color:#35101b;border-color:#eadde1}
.admin input:focus,.admin select:focus,.admin textarea:focus{outline:2px solid rgba(120,27,54,.18);border-color:#a64d68}
.message{color:#781b36}
.outline,.adminItem button{border-color:#d9b8c2;color:#781b36}
.outline:hover{background:#f8edf0}
.tabs{border-bottom-color:#eadde1}
.tab.active{border-bottom-color:#781b36;color:#781b36}
.adminItem,.site-image-item{background:#fff;border-color:#eadde1}
.site-image-item h4,.admin h3{color:#70172f}
.admin input[type=range],.site-image-item input[type=range],.logo-position-label input[type=range]{accent-color:#781b36}
.danger-button{background:#781b36!important;border-color:#781b36!important}
.warning{background:#fff4e8;color:#744525;border-color:#efd8c4}
@media(max-width:700px){.hero{background-color:#fff}}

/* Product multi-photo gallery */
.modalBody{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;max-height:92vh;overflow:auto}
.productGallery{padding:clamp(16px,2vw,28px);display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}
.galleryThumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,68px));gap:8px;max-height:150px;overflow:auto;align-content:start}
.galleryThumb{border:1px solid var(--line);padding:0;background:#fff;aspect-ratio:1;overflow:hidden;cursor:pointer;opacity:.78}
.galleryThumb.active{border:2px solid var(--accent);opacity:1}
.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}
.galleryMain{position:relative;flex:1;min-height:260px;max-height:68vh;display:flex;align-items:center;justify-content:center;background:#fff8fa;overflow:hidden}
.galleryMain>img{width:100%;height:100%;max-height:68vh;object-fit:contain;display:block}
.galleryCount{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:20px;background:rgba(45,8,21,.78);color:white;font-size:11px}
.admin-product-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.modalBody{grid-template-columns:1fr;grid-template-rows:auto auto;max-height:92vh}.productGallery{padding:12px;gap:8px}.galleryThumbnails{grid-template-columns:repeat(auto-fit,minmax(42px,56px));max-height:100px}.galleryMain{min-height:0;height:42vh;max-height:42vh}.galleryMain>img{max-height:42vh}.details{padding:20px 24px}.admin-product-actions{max-width:55%}}

.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:-10px 0 22px;flex-wrap:wrap}.catalog-toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.catalog-toolbar select{padding:9px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);min-width:170px}.product-search-control{display:flex;flex:1;min-width:180px;max-width:520px;gap:8px}.catalog-toolbar .product-search-label{flex:1;min-width:0;gap:8px;border:1px solid var(--line);background:#fff;padding:0 12px;color:var(--muted)}.product-search-button{border:1px solid #5b1026;background:#5b1026;color:#fff;padding:0 18px;font-size:12px;letter-spacing:.04em;cursor:pointer}.product-search-button:hover{background:#3f0a1a}.product-search-label .search-icon{font-size:23px;line-height:1}.product-search-label input{width:100%;min-width:0;padding:11px 0;border:0;outline:none;background:transparent;color:var(--ink);font-size:13px}.product-search-label input:focus{outline:none}.product-search-label:focus-within{border-color:#5b1026;box-shadow:0 0 0 2px #5b10261a}.product-nav{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:40px}.product-nav small{font:9px Arial,sans-serif;letter-spacing:.1em;white-space:nowrap}.product-nav.left{align-items:flex-start}.product-nav.right{align-items:flex-end}@media(max-width:700px){.product-nav small{font-size:7px;white-space:normal;max-width:55px}.catalog-toolbar{justify-content:flex-start;align-items:stretch}.product-search-control{max-width:none;flex-basis:100%}.catalog-toolbar .product-search-label{max-width:none}.catalog-toolbar>label[for="productSort"]{width:100%;justify-content:space-between}.catalog-toolbar select{min-width:0;flex:1;max-width:70%}}

/* Refined product detail gallery: large photo first, thumbnails beneath */
.productGallery{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}
.galleryMain{order:1;position:relative;min-height:260px;height:min(62vh,620px);max-height:68vh;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.galleryMain>img{width:100%;height:100%;max-height:68vh;object-fit:contain;display:block}
.galleryThumbnails{order:2;display:flex;flex-wrap:wrap;gap:8px;max-height:118px;overflow:auto;align-content:flex-start;padding:2px 1px}
.galleryThumb{width:58px;height:68px;flex:0 0 auto;border:1px solid #eadde1;border-radius:3px;padding:0;background:#fff;aspect-ratio:auto;overflow:hidden;cursor:pointer;opacity:.76;transition:opacity .15s,border-color .15s}
.galleryThumb.active{border:2px solid #781b36;opacity:1}
.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}
.arrow{width:30px;height:30px;border:1px solid rgba(120,27,54,.22);border-radius:50%;background:rgba(255,255,255,.9);color:#781b36;font:24px/1 Georgia,serif;display:grid;place-items:center;box-shadow:0 2px 8px rgba(40,10,20,.08);padding:0;z-index:4;transition:background .18s,transform .18s}
.arrow:hover{background:#781b36;color:#fff;opacity:1;transform:scale(1.05)}
.arrow.left{left:20px}.arrow.right{right:20px}
@media(max-width:700px){.productGallery{padding:12px;gap:9px}.galleryMain{height:40vh;min-height:240px;max-height:44vh}.galleryMain>img{max-height:44vh}.galleryThumbnails{max-height:92px;gap:6px}.galleryThumb{width:48px;height:58px}.arrow{width:28px;height:28px;font-size:22px}.arrow.left{left:14px}.arrow.right{right:14px}}

/* Product photo management: add, reorder, choose main, remove individually */
.photo-manager{margin-top:18px;padding:16px;border:1px solid #eadde1;background:#fff;border-radius:5px}
.photo-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.photo-manager-head h3{margin:0 0 5px;font-size:25px}
.photo-manager-close{background:transparent;border:1px solid #d9b8c2;color:#781b36;padding:7px 10px;font-size:11px}
.add-photos-label{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:12px!important;margin:12px 0;border:1px dashed #c99aa8;background:#fff8fa;color:#781b36!important;cursor:pointer;font-size:12px!important}
.add-photos-label input{max-width:100%;border:0!important;background:transparent!important;padding:0!important}
.managed-photo-list{display:grid;gap:9px}
.managed-photo{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:9px;border:1px solid #eadde1;background:#fff;border-radius:4px}
.managed-photo.is-main{border-color:#781b36;background:#fff9fb}
.managed-photo>img{width:76px;height:94px;object-fit:cover;background:#f8f1f3}
.managed-photo-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.managed-photo-meta b{font-size:10px;letter-spacing:.1em;color:#781b36}
.managed-photo-meta small{font-size:10px;color:var(--muted)}
.managed-photo-actions{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.managed-photo-actions button{font-size:10px!important;padding:6px 8px!important;background:#fff!important;color:#781b36!important;border:1px solid #e3cbd2!important}
.managed-photo-actions button:disabled{opacity:.35;cursor:not-allowed}
.managed-photo-actions .danger-button{background:#781b36!important;color:#fff!important;border-color:#781b36!important}
/* Product photos sit above product details on every screen size. */
.modalBody{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:stretch;max-height:92vh;overflow-y:auto;overflow-x:hidden}
.productGallery{width:100%;padding:clamp(12px,2vw,24px);gap:10px}
.galleryMain{height:min(54vh,520px);min-height:240px;max-height:520px;flex:none}
.galleryMain>img{max-height:520px}
.galleryThumbnails{max-height:120px}
.details{padding:10px clamp(20px,4vw,48px) 32px;align-self:stretch;overflow:visible}
@media(max-width:700px){.managed-photo{grid-template-columns:62px minmax(0,1fr);gap:8px}.managed-photo>img{width:62px;height:78px}.managed-photo-actions{gap:4px}.managed-photo-actions button{padding:5px 6px!important}.photo-manager{padding:11px}.galleryMain{height:43vh;min-height:220px;max-height:390px}.galleryMain>img{max-height:390px}.productGallery{padding:10px}.details{padding:8px 20px 24px}}


/* Product details: gallery above details, with thumbnails below the main photo */
:root{--paper:#fffdfc;--ink:#34242a;--muted:#81747a;--line:#eadde1;--accent:#781b36}
.button{background:#781b36;border-color:#781b36;color:#fff}
.button:hover{background:#5e1429;border-color:#5e1429}
footer{background:#f8eef1;border-top-color:#eadde1}
footer a{color:#781b36}
.modal{padding:18px;background:rgba(36,18,25,.78)}
.modalBody{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;width:min(900px,96vw);height:auto;max-height:92vh;overflow-y:auto;overflow-x:hidden;background:#fffdfc;border:1px solid #eadde1;border-radius:8px}
.productGallery{order:0;width:100%;padding:clamp(12px,2vw,24px) clamp(12px,3vw,32px) 8px;display:flex;flex-direction:column;gap:10px;min-height:0}
.galleryMain{order:0;width:100%;height:min(54vh,500px);min-height:220px;max-height:500px;flex:none;background:#fbf4f6;border:1px solid #f0e5e9}
.galleryMain>img{width:100%;height:100%;max-height:500px;object-fit:contain}
.galleryThumbnails{order:1;display:flex;flex-wrap:wrap;gap:8px;max-height:118px;overflow:auto;align-content:flex-start;padding:2px 1px}
.galleryThumb{width:58px;height:70px;flex:0 0 auto;padding:0;border:1px solid #eadde1;background:#fff;overflow:hidden;cursor:pointer;border-radius:3px}
.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}
.galleryThumb.active{border:2px solid #781b36;box-shadow:0 0 0 1px #781b36}
.details{order:1;width:100%;padding:10px clamp(18px,3vw,36px) clamp(22px,3vw,36px);overflow:visible;align-self:auto;display:flex;flex-direction:column;justify-content:flex-start;border-top:1px solid #f0e5e9}
.details h2{font-size:clamp(28px,3.2vw,42px);color:#34242a;margin-bottom:12px}
.details .button{align-self:flex-start;margin-top:16px}
.galleryCount{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:20px;background:rgba(52,36,42,.72);color:white;font-size:11px}
.arrow{width:32px;height:32px;border-radius:50%;background:#fffdfc;color:#781b36;border:1px solid #eadde1;font-size:25px;line-height:1;box-shadow:0 2px 12px rgba(30,10,18,.12)}
.arrow.left{left:max(10px,calc((100vw - 940px)/2 - 8px))}.arrow.right{right:max(10px,calc((100vw - 940px)/2 - 8px))}
@media(max-width:700px){.modal{padding:10px}.modalBody{width:100%;max-width:560px;height:92vh;max-height:92vh;display:flex!important;flex-direction:column!important;overflow-y:auto}.productGallery{padding:10px 10px 6px;gap:8px}.galleryMain{height:42vh;min-height:220px;max-height:380px}.galleryMain>img{max-height:380px}.galleryThumbnails{max-height:92px;gap:6px}.galleryThumb{width:48px;height:58px}.details{padding:10px 18px 24px}.details .button{align-self:stretch}.arrow{width:28px;height:28px;font-size:22px}.arrow.left{left:12px}.arrow.right{right:12px}}


/* Thumbnail visibility fix: show each full product image, not a cropped sliver. */
.galleryThumbnails{max-height:none!important;height:auto!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:9px!important;padding:4px 2px 8px!important}
.galleryThumb{width:76px!important;height:96px!important;flex:0 0 76px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fbf4f6!important;overflow:hidden!important;border-radius:4px!important}
.galleryThumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fbf4f6!important}
.galleryThumb.active{border:2px solid #781b36!important}
@media(max-width:700px){.galleryThumbnails{max-height:none!important;overflow:visible!important;gap:7px!important}.galleryThumb{width:64px!important;height:82px!important;flex-basis:64px!important}}

/* FIX: keep product thumbnails, divider, and product name from touching/overlapping */
.modalBody{gap:0!important;isolation:isolate}
.productGallery{flex:0 0 auto!important;position:relative;box-sizing:border-box;padding-bottom:18px!important;gap:12px!important;overflow:visible!important}
.galleryMain{flex:0 0 auto!important}
.galleryThumbnails{position:relative!important;box-sizing:border-box!important;width:100%!important;margin:0 0 8px!important;padding:6px 2px 12px!important;border-bottom:1px solid #f0e5e9;gap:9px!important;overflow:visible!important}
.details{position:relative!important;box-sizing:border-box!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding-top:18px!important;border-top:0!important;clear:both}
.details h2{margin-top:0!important;line-height:1.18!important;overflow-wrap:anywhere}
@media(max-width:700px){
 .productGallery{padding-bottom:14px!important;gap:9px!important}
 .galleryThumbnails{margin-bottom:8px!important;padding-bottom:12px!important;gap:7px!important}
 .details{padding-top:16px!important}
}

/* MOBILE FIX: make the main product photo use the available screen width and height */
@media (max-width:700px){
  .modalBody{width:100%!important;max-width:560px!important;}
  .productGallery{width:100%!important;min-width:0!important;padding:10px 12px 14px!important;}
  .galleryMain{display:flex!important;width:100%!important;height:58vh!important;min-height:320px!important;max-height:560px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
  .galleryMain>img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;}
  .galleryThumbnails{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;}
}
@media(max-width:430px){
  .galleryMain{height:60vh!important;min-height:300px!important;max-height:500px!important;}
}

/* Mobile product photo page-turn effect */
@keyframes paralumanPageTurnNext{0%{transform:perspective(900px) rotateY(0deg);opacity:1}45%{transform:perspective(900px) rotateY(-72deg);opacity:.35}46%{transform:perspective(900px) rotateY(72deg);opacity:.25}100%{transform:perspective(900px) rotateY(0deg);opacity:1}}
@keyframes paralumanPageTurnPrev{0%{transform:perspective(900px) rotateY(0deg);opacity:1}45%{transform:perspective(900px) rotateY(72deg);opacity:.35}46%{transform:perspective(900px) rotateY(-72deg);opacity:.25}100%{transform:perspective(900px) rotateY(0deg);opacity:1}}
.galleryMain.page-turn-next>img{animation:paralumanPageTurnNext .42s ease-in-out both;transform-origin:left center;backface-visibility:hidden}
.galleryMain.page-turn-prev>img{animation:paralumanPageTurnPrev .42s ease-in-out both;transform-origin:right center;backface-visibility:hidden}
@media(max-width:700px){.galleryMain{perspective:900px;touch-action:pan-y}.galleryMain>img{will-change:transform,opacity}footer{background:#5b1026!important}}
@media(prefers-reduced-motion:reduce){.galleryMain.page-turn-next>img,.galleryMain.page-turn-prev>img{animation:none}}


/* Custom generated Paraluman Clotheshoppe wordmark */
.paraluman-wordmark{display:block;width:clamp(150px, 22vw, 245px);height:auto;object-fit:contain}
.header-wordmark{max-width:245px}
footer .footer-wordmark{width:clamp(170px, 24vw, 260px);margin:0 auto 18px;filter:brightness(0) invert(1)}
@media(max-width:700px){.header-wordmark{width:170px}.brand{display:flex;align-items:center}.footer-wordmark{width:190px!important}}


/* FINAL FIX: keep footer burgundy on every viewport and fit the custom wordmark on phones */
html body footer, body > footer { background-color: #5b1026 !important; background-image: none !important; color: #fff !important; }
html body footer .footer-wordmark { display:block; width:clamp(135px, 19vw, 230px); max-width:100%; height:auto; margin:0 auto 16px; filter:brightness(0) invert(1); }
html body header .header-wordmark { width:clamp(118px, 17vw, 210px); max-width:100%; height:auto; }
@media (max-width:700px) {
  html body header { gap:8px; padding-left:12px; padding-right:12px; }
  html body header .brand, html body header a[aria-label*="home"] { min-width:0; max-width:calc(100vw - 90px); }
  html body header .header-wordmark { width:clamp(105px, 34vw, 145px); max-width:100%; }
  html body footer .footer-wordmark { width:clamp(125px, 43vw, 165px); max-width:100%; }
  html body footer { background-color:#5b1026 !important; padding:34px 16px 22px; }
}
/* Product detail typography: approximately 10% larger for easier reading. */
.details{font-size:110%!important}
.details h2{font-size:clamp(30.8px,3.52vw,46.2px)!important}
.details .meta,.details p{line-height:1.55}