:root{
  --wine:#7b151d;
  --wine-dark:#560d13;
  --wine-deep:#3f090e;
  --gold:#caa768;
  --gold-soft:#e7c98f;
  --paper:#f7efe1;
  --paper-2:#fbf4e9;
  --paper-dark:#efe3cf;
  --line:#d8c2a2;
  --ink:#2b180f;
  --muted:#725a48;
  --shadow:0 10px 28px rgba(45,19,9,.12);
  --serif:'Cormorant Garamond', Georgia, serif;
  --display:'Cormorant Garamond', Georgia, serif;
  --sans:'Manrope', Arial, sans-serif;
}

*{box-sizing:border-box}
html{background:#26140c}
body{
  margin:0;
  color:var(--ink);
  font-family:var(--sans);
  background:
    radial-gradient(circle at top, rgba(164,109,67,.45), transparent 40%),
    linear-gradient(180deg,#5b351f 0%,#2b170f 55%,#1f120d 100%);
  min-height:100vh;
}
button,input,textarea,select{font:inherit}
a{text-decoration:none}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.app-shell{
  width:min(100%,460px);
  margin:0 auto;
  min-height:100vh;
  background:var(--paper);
  box-shadow:0 0 60px rgba(0,0,0,.38);
  overflow:hidden;
}

.view{
  display:none;
  min-height:100vh;
  background:var(--paper);
}
.view.active{display:block}

.etno-header{
  position:sticky;
  top:0;
  z-index:40;
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 74px;
  align-items:center;
  gap:4px;
  min-height:94px;
  padding:calc(10px + env(safe-area-inset-top)) 14px 12px;
  color:#f9e7c4;
  background:
    linear-gradient(180deg, #8b1822 0%, #70131b 55%, #561016 100%),
    radial-gradient(circle at 18% 20%, rgba(255,210,145,.08), transparent 22%),
    radial-gradient(circle at 80% 75%, rgba(255,210,145,.08), transparent 20%);
  border-bottom:2px solid #c99a5c;
  box-shadow:0 8px 20px rgba(42,8,10,.22);
}
.etno-header::after{display:none}


.lang-switch{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding-left:2px;
}
.lang-switch button{
  border:0;
  background:transparent;
  color:#e5c9a0;
  font-size:14px;
  font-weight:700;
  letter-spacing:.6px;
  padding:2px 0;
}
.lang-switch button.active{color:#fff}
.lang-switch span{
  width:1px;
  height:16px;
  background:rgba(241,214,172,.75);
}

.brand-lockup{
  border:0;
  background:transparent;
  color:inherit;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  padding:0;
}
.brand-lockup img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));
}
.brand-lockup b{
  display:block;
  font:800 20px/1 var(--serif);
  text-transform:none;
  letter-spacing:.2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 1px 0 rgba(0,0,0,.28);
}
.brand-lockup small{
  display:block;
  margin-top:4px;
  font:700 7px/1.15 var(--serif);
  letter-spacing:.8px;
  color:#f1d4a1;
}
.compact-brand b{font-size:18px}

.cart-top,
.icon-btn{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:#faebcf;
  position:relative;
  display:grid;
  place-items:center;
}
.cart-top{justify-self:end}
.cart-top svg,.icon-btn svg{width:28px;height:28px}
.cart-badge{
  position:absolute;
  top:1px;
  right:0;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#da5d3d;
  color:#fff;
  border:1px solid #ffe0cb;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:11px;
  line-height:1;
}
.header-spacer{display:block;width:44px;height:44px;justify-self:end}

.hero-card{
  position:relative;
  height:430px;
  overflow:hidden;
  background:#3a1f12;
}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(26,7,5,.06) 0%, rgba(26,7,5,.18) 42%, rgba(33,10,6,.86) 100%);
}
.hero-copy{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:28px 28px 30px;
  text-align:center;
  color:#fffaf1;
}
.hero-copy small{
  font:700 11px/1 var(--sans);
  letter-spacing:3px;
  color:#f0cb84;
  text-transform:uppercase;
}
.hero-copy h1{
  margin:10px 0 10px;
  font:700 36px/1.05 var(--serif);
  text-shadow:0 4px 20px rgba(0,0,0,.35);
}
.hero-copy p{
  max-width:340px;
  margin:0 auto;
  font:500 14px/1.45 var(--serif);
  color:#f6ead9;
}
.ornament,
.detail-divider{
  display:block;
  margin-top:16px;
  text-align:center;
  color:var(--gold-soft);
  font-style:normal;
  letter-spacing:6px;
  font-size:15px;
}

.home-section{padding:22px 16px}
.section-rule{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:16px;
  color:var(--wine);
}
.section-rule span{font-size:10px;color:#9e6b40}
.section-rule b{
  font:700 20px/1 var(--serif);
  letter-spacing:.3px;
}

.category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.category-card{
  position:relative;
  border:1px solid #8d633d;
  border-radius:12px;
  overflow:hidden;
  height:106px;
  padding:8px;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(104,54,26,.12) 0%, rgba(44,16,8,.66) 100%),
    var(--cat-bg) center/cover;
  box-shadow:inset 0 0 0 1px rgba(255,233,192,.28), 0 6px 18px rgba(57,27,14,.14);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  text-align:center;
}
.category-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 12%, rgba(23,8,3,.72) 100%);
}
.category-card svg,
.category-card b{position:relative;z-index:1}
.category-card svg{
  width:24px;
  height:24px;
  margin-bottom:8px;
  color:#f6e4bd;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));
}
.category-card b{
  font:700 13px/1.1 var(--serif);
  text-shadow:0 2px 8px rgba(0,0,0,.4);
}

.dual-section{padding-top:6px;display:flex;flex-direction:column;gap:14px}
.home-card{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,253,248,.95), rgba(248,239,226,.97));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.home-card-head{
  padding:16px 16px 12px;
  border-bottom:1px solid rgba(201,174,139,.65);
  text-align:center;
}
.mini-kicker{
  display:block;
  color:#9b603e;
  font-size:10px;
  letter-spacing:1.4px;
  margin-bottom:6px;
}
.home-card-head h3{
  margin:0 0 6px;
  font:700 26px/1.05 var(--serif);
  color:var(--wine);
}
.home-card-head p{
  margin:0;
  color:var(--muted);
  font:500 12px/1.5 var(--serif);
}

.home-form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  padding:14px 14px 0;
}
.home-form-grid label,
.checkout-card label{
  display:block;
}
.home-form-grid label span,
.checkout-card label span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:700;
  color:#644b38;
}
.home-form-grid label.full{grid-column:1/-1}
.home-form-grid input,
.home-form-grid textarea,
.checkout-card input,
.checkout-card textarea,
.search-box input{
  width:100%;
  border:1px solid #ccb495;
  border-radius:10px;
  background:#fffaf2;
  color:var(--ink);
  padding:12px 12px;
  outline:none;
}
.home-form-grid textarea,
.checkout-card textarea{
  min-height:84px;
  resize:vertical;
}
.home-form-grid input:focus,
.home-form-grid textarea:focus,
.checkout-card input:focus,
.checkout-card textarea:focus,
.search-box input:focus{
  border-color:#b7744a;
  box-shadow:0 0 0 3px rgba(183,116,74,.12);
}
.card-note{
  display:block;
  text-align:center;
  padding:10px 14px 16px;
  font-size:11px;
  color:#7b6350;
}

.info-list-card{padding:14px}
.info-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid rgba(202,179,146,.6);
}
.info-row:last-child{border-bottom:0}
.info-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#f2e6d4;
  color:var(--wine);
  flex:0 0 auto;
}
.info-icon svg{width:21px;height:21px}
.info-row small{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:700;
  color:#87694d;
}
.info-row strong{
  display:block;
  font:700 15px/1.35 var(--serif);
  color:#352117;
}
.info-actions{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  padding:0 14px 16px;
}
.outline-btn,
.primary-btn{
  min-height:54px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font:700 12px var(--serif);
  letter-spacing:.35px;
}
.outline-btn{
  border:1px solid #bd9a72;
  background:#fff9ef;
  color:var(--wine);
}
.outline-btn svg,
.primary-btn svg{width:20px;height:20px}
.outline-btn.disabled{opacity:.45;pointer-events:none}
.primary-btn:disabled{opacity:.72;cursor:not-allowed}
.primary-btn{
  width:100%;
  border:0;
  background:linear-gradient(135deg,#6f1118 0%,#8b1822 100%), repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 8px, rgba(0,0,0,.03) 8px 16px);
  color:#fff7ec;
  box-shadow:0 10px 20px rgba(90,16,21,.18);
}
.reservation-btn{margin:2px 14px 0;width:calc(100% - 28px)}

.info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.info-link{
  color:#91745f;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:10px 4px 0;
  text-align:center;
  font:700 11px/1.2 var(--serif);
}
.info-link svg{width:24px;height:24px;color:#c8ada3}
.info-link.disabled{opacity:.45;pointer-events:none}

.list-header,.detail-header{grid-template-columns:54px minmax(0,1fr) 54px}
.screen-title{text-align:center}
.screen-title h2{margin:0;font:700 25px/1 var(--serif)}
.screen-title i{display:block;margin-top:4px;color:#ebcf98;font-size:8px;letter-spacing:4px;font-style:normal}
.screen-intro{
  padding:18px 20px 16px;
  text-align:center;
  border-bottom:1px solid rgba(208,184,151,.72);
  background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));
}
.screen-intro h3{margin:0 0 6px;font:700 24px/1 var(--serif);color:#6a1719}
.screen-intro p{margin:0;color:#6c5744;font:500 12px/1.45 var(--serif)}
.compact-intro{padding-top:14px;padding-bottom:14px}

.list-main{padding:12px 12px 92px}
.product-list{display:flex;flex-direction:column;gap:10px}
.product-card{
  position:relative;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:10px;
  padding:8px;
  border:1px solid #dac4a6;
  border-radius:14px;
  background:rgba(255,251,245,.95);
  box-shadow:0 6px 18px rgba(71,38,20,.08);
  cursor:pointer;
}
.product-image-wrap{
  height:100px;
  border-radius:10px;
  overflow:hidden;
  background:#ddd;
}
.product-image-wrap img{width:100%;height:100%;object-fit:cover}
.product-copy{
  min-width:0;
  padding:4px 34px 4px 0;
}
.product-copy h3{
  margin:0 0 6px;
  font:700 19px/1.05 var(--serif);
  color:#29160e;
}
.product-copy p{
  margin:0;
  color:#645245;
  font:500 11px/1.4 var(--serif);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-price{
  display:block;
  margin-top:8px;
  color:#2c1910;
  font:700 18px/1 var(--serif);
}
.quick-add{
  position:absolute;
  right:10px;
  bottom:10px;
  width:34px;
  height:34px;
  border:1px solid #b89166;
  border-radius:50%;
  background:#fffaf1;
  color:var(--wine);
  font-size:22px;
  line-height:1;
}

.filter-bar{
  position:fixed;
  left:50%;
  bottom:calc(12px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:35;
  width:min(calc(100% - 32px),428px);
  min-height:54px;
  border:1px solid #9e5149;
  border-radius:12px;
  background:linear-gradient(135deg,#651017,#8b1822);
  color:#fff7ec;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font:700 13px var(--serif);
  letter-spacing:.35px;
  box-shadow:0 14px 24px rgba(74,12,17,.24);
}
.filter-bar svg{width:20px;height:20px}
.filter-bar small{position:absolute;right:14px;font-size:14px}

.detail-main{padding-bottom:96px}
.detail-image-wrap{
  height:330px;
  position:relative;
  overflow:hidden;
  background:#3e2317;
}
.detail-image-wrap img{width:100%;height:100%;object-fit:cover}
.detail-image-wrap span{position:absolute;inset:0;background:linear-gradient(0deg, rgba(26,9,5,.18), transparent 45%)}
.detail-content{padding:18px 18px 22px}
.detail-title-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
}
.detail-title-row small{
  display:block;
  color:var(--wine);
  margin-bottom:6px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.detail-title-row h1{
  margin:0;
  font:700 26px/1.08 var(--serif);
}
.detail-title-row strong{
  font:700 20px/1 var(--serif);
  white-space:nowrap;
}
.detail-divider{margin:18px 0 16px;color:#9d6943}
.detail-description{
  margin:0;
  color:#594739;
  font:500 13px/1.65 var(--serif);
  text-align:left;
}
.detail-action-wrap{
  position:fixed;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  z-index:30;
  width:min(100%,460px);
  padding:12px 14px calc(12px + env(safe-area-inset-bottom));
  background:#f5ebdd;
  border-top:1px solid #d8c3a7;
}
.single-action{display:block}

.cart-main{padding:12px 13px 38px}
.cart-list{display:flex;flex-direction:column;gap:10px}
.cart-item{
  position:relative;
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:12px;
  padding:10px;
  border:1px solid #dac4a6;
  border-radius:14px;
  background:#fff9ef;
}
.cart-item img{width:84px;height:84px;object-fit:cover;border-radius:10px}
.cart-item h3{margin:2px 28px 6px 0;font:700 17px/1.15 var(--serif)}
.cart-item strong{font:700 14px/1 var(--serif);color:#2e1910}
.cart-qty{
  margin-top:10px;
  display:inline-grid;
  grid-template-columns:32px 36px 32px;
  height:34px;
  border:1px solid #cfb69a;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.cart-qty button{
  border:0;
  background:#f4e8d6;
  color:var(--wine);
  font-size:19px;
}
.cart-qty b{display:grid;place-items:center;font-size:12px}
.cart-remove{
  position:absolute;
  right:10px;
  top:6px;
  border:0;
  background:transparent;
  color:#a27d62;
  font-size:24px;
}

.checkout-card{
  margin-top:14px;
  padding:16px;
  border:1px solid #d0b391;
  border-radius:16px;
  background:#efe0ca;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.cart-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(178,143,109,.55);
}
.cart-total span{font:700 17px/1 var(--serif)}
.cart-total strong{font:700 20px/1 var(--serif);color:var(--wine)}
.checkout-card small{
  display:block;
  text-align:center;
  margin-top:10px;
  color:#725d4b;
  font-size:11px;
}

.empty-cart{
  text-align:center;
  padding:70px 22px;
}
.empty-cart svg{width:54px;height:54px;color:var(--wine)}
.empty-cart h3{margin:10px 0 6px;font:700 28px/1 var(--serif)}
.empty-cart p{margin:0 0 16px;color:#6f5a49;font:500 12px/1.4 var(--serif)}
.empty-cart button{
  border:0;
  background:var(--wine);
  color:#fff;
  border-radius:10px;
  padding:12px 18px;
  font:700 12px var(--serif);
}

.backdrop{
  position:fixed;
  inset:0;
  z-index:60;
  background:rgba(26,11,8,.52);
  opacity:0;
  pointer-events:none;
  transition:.2s;
}
.backdrop.open{opacity:1;pointer-events:auto}
.filter-sheet{
  position:fixed;
  left:50%;
  bottom:0;
  z-index:65;
  width:min(100%,460px);
  transform:translate(-50%,105%);
  transition:.25s;
  background:#f7eee1;
  border-radius:22px 22px 0 0;
  padding:12px 18px 24px;
  box-shadow:0 -20px 45px rgba(0,0,0,.18);
}
.filter-sheet.open{transform:translate(-50%,0)}
.sheet-handle{
  width:42px;
  height:4px;
  border-radius:99px;
  background:#cbb090;
  margin:0 auto 14px;
}
.filter-head{display:flex;justify-content:space-between;gap:10px}
.filter-head small{display:block;font-size:10px;color:#8a603f;letter-spacing:1px}
.filter-head h3{margin:3px 0 14px;font:700 26px/1 var(--serif);color:#5b1617}
.filter-head button{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#e9d7c0;
  color:#4d2e1f;
  font-size:22px;
}
.search-box{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  border:1px solid #cfb69a;
  border-radius:10px;
  background:#fff;
  padding:0 12px;
}
.search-box svg{width:18px;height:18px;color:#7f5a3f}
.search-box input{border:0;background:transparent;padding:0}
.sort-options{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:10px;
}
.sort-options button{
  min-height:44px;
  border:1px solid #d2b99d;
  border-radius:10px;
  background:#fff9ef;
  color:#513424;
  font-size:11px;
}
.sort-options button.active{background:#7b151d;color:#fff}
.text-btn{
  width:100%;
  margin-top:12px;
  border:0;
  background:transparent;
  color:#674734;
  text-decoration:underline;
}

.toast{
  position:fixed;
  left:50%;
  bottom:88px;
  z-index:100;
  transform:translate(-50%,20px);
  opacity:0;
  background:#2f1a12;
  color:#fff;
  border:1px solid #b28a5c;
  border-radius:999px;
  padding:10px 14px;
  font-size:11px;
  white-space:nowrap;
  transition:.2s;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.empty-state,.loading{
  text-align:center;
  padding:44px 20px;
  color:#6f5b49;
  font:600 13px var(--serif);
}

@media (max-width:380px){
  .hero-card{height:398px}
  .hero-copy h1{font-size:31px}
  .brand-lockup b{font-size:18px}
  .category-card{height:98px}
  .product-card{grid-template-columns:108px minmax(0,1fr)}
  .product-image-wrap{height:92px}
  .home-form-grid{grid-template-columns:1fr}
  .home-form-grid label.full{grid-column:auto}
}

@media (min-width:700px){
  body{padding:20px 0}
  .app-shell{border-radius:28px;min-height:calc(100vh - 40px)}
  .view{min-height:calc(100vh - 40px)}
  .detail-action-wrap{bottom:20px;border-radius:0 0 28px 28px}
  .filter-bar{bottom:30px}
}


.quick-panels{padding-top:8px}
.quick-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-panel-btn{border:1px solid #d2b494;background:linear-gradient(180deg,#fffdf8 0%,#f4e6d1 100%);border-radius:16px;min-height:132px;padding:18px 14px;text-align:left;color:var(--wine);box-shadow:var(--shadow)}
.quick-panel-kicker{display:block;margin-bottom:10px;color:#9f6d46;font-size:10px;letter-spacing:1.5px}
.quick-panel-btn strong{display:block;font:700 28px/1 var(--serif);margin-bottom:8px;color:var(--wine)}
.quick-panel-btn small{display:block;color:#6f5a48;font:600 12px/1.45 var(--sans)}
.popup-sheet{position:fixed;left:50%;bottom:0;z-index:70;width:min(100%,460px);transform:translate(-50%,105%);transition:.25s;background:#f7eee1;border-radius:24px 24px 0 0;padding:12px 18px 18px;box-shadow:0 -18px 45px rgba(0,0,0,.18);max-height:min(88vh,820px);overflow:auto}
.popup-sheet.open{transform:translate(-50%,0)}
.popup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.popup-head small{display:block;font-size:10px;color:#9a6b45;letter-spacing:1.3px}
.popup-head h3{margin:3px 0 0;font:700 30px/1 var(--serif);color:var(--wine)}
.popup-head button{width:36px;height:36px;border:0;border-radius:50%;background:#ead8c0;color:#4d2e1f;font-size:22px;flex:0 0 auto}
.popup-lead{margin:6px 0 14px;color:#6c5744;font:500 13px/1.5 var(--serif)}
.popup-form-grid{padding:0}
.popup-btn{margin:12px 0 0;width:100%}
.popup-info-list{padding:0}
#homeWifiName{display:block;margin-top:4px;color:#86684e;font-style:normal;font-size:12px;font-weight:600}
.popup-actions{padding:8px 0 0}
@media (max-width:380px){.quick-panel-grid{grid-template-columns:1fr}.quick-panel-btn strong{font-size:24px}}


.info-section{padding-bottom:10px}
.cilim-strip{height:14px;border-radius:12px;background:
  linear-gradient(90deg,#8b1822 0 10%, #f3e6d2 10% 12%, #8b1822 12% 22%, #f3e6d2 22% 24%, #8b1822 24% 34%, #f3e6d2 34% 36%, #8b1822 36% 46%, #f3e6d2 46% 48%, #8b1822 48% 58%, #f3e6d2 58% 60%, #8b1822 60% 70%, #f3e6d2 70% 72%, #8b1822 72% 82%, #f3e6d2 82% 84%, #8b1822 84% 94%, #f3e6d2 94% 96%, #8b1822 96% 100%);
  position:relative;overflow:hidden}
.cilim-strip:before{content:"";position:absolute;inset:2px 0;background:repeating-linear-gradient(90deg,transparent 0 18px, rgba(245,229,205,.9) 18px 20px, transparent 20px 38px)}
.cilim-strip.top{margin-bottom:12px}
.cilim-strip.bottom{margin-top:12px}
.etno-scene-section{padding-top:6px;padding-bottom:22px}
.etno-scene-card{position:relative;overflow:hidden;border:1px solid #d3b593;border-radius:18px;background:linear-gradient(180deg,#fffaf2 0%, #f1e0c9 100%);box-shadow:var(--shadow)}
.etno-scene-image{height:118px;background:
  linear-gradient(180deg, rgba(24,8,4,.18), rgba(24,8,4,.25)),
  url('https://images.unsplash.com/photo-1512918728675-ed5a9ecdebfd?auto=format&fit=crop&w=1400&q=80') center/cover;position:relative}
.etno-scene-image:after{content:"";position:absolute;inset:auto 0 0 0;height:16px;background:linear-gradient(180deg,transparent,rgba(45,22,11,.35))}
.etno-scene-copy{padding:16px 16px 18px;background:
  linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0)),
  repeating-linear-gradient(0deg, transparent 0 24px, rgba(128,91,55,.05) 24px 25px),
  repeating-linear-gradient(90deg, transparent 0 24px, rgba(128,91,55,.04) 24px 25px)}
.etno-scene-copy h3{margin:0 0 8px;font:700 28px/1.03 var(--serif);color:var(--wine)}
.etno-scene-copy p{margin:0;font:600 13px/1.55 var(--serif);color:#644f3f}
.etno-scene-copy em{display:block;margin-top:12px;color:#93613f;font:600 italic 15px/1.2 var(--serif)}
.etno-footer-line{padding:14px 8px 0;text-align:center;color:#8b613f;font:600 italic 14px/1.2 var(--serif)}
.list-main:after,.detail-content:after,.cart-main:after{content:"";display:block;height:12px;margin-top:14px;border-radius:99px;background:linear-gradient(90deg,#8b1822 0 8%, #f3e6d2 8% 10%, #8b1822 10% 18%, #f3e6d2 18% 20%, #8b1822 20% 28%, #f3e6d2 28% 30%, #8b1822 30% 38%, #f3e6d2 38% 40%, #8b1822 40% 48%, #f3e6d2 48% 50%, #8b1822 50% 58%, #f3e6d2 58% 60%, #8b1822 60% 68%, #f3e6d2 68% 70%, #8b1822 70% 78%, #f3e6d2 78% 80%, #8b1822 80% 88%, #f3e6d2 88% 90%, #8b1822 90% 100%)}
.product-card,.checkout-card,.popup-sheet,.filter-sheet{background-image:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0))}
.quick-panel-btn,.outline-btn{position:relative;overflow:hidden}
.quick-panel-btn:before,.outline-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 55%);pointer-events:none}
@media (max-width:380px){.etno-scene-copy h3{font-size:24px}.etno-scene-image{height:100px}}


/* ===== Etno final polish v33 ===== */
body,button,input,textarea,select{font-family:var(--sans)}
.brand-lockup b{font-family:var(--display);font-weight:700;letter-spacing:.35px}
.brand-lockup small{font-family:var(--serif);font-weight:600;letter-spacing:.65px}
.hero-copy h1,.section-rule b,.screen-title h2,.screen-intro h3,.product-copy h3,.detail-title-row h1,.popup-head h3,.cart-item h3,.cart-total span,.cart-total strong{font-family:var(--serif)}
.hero-copy p,.screen-intro p,.detail-description,.popup-lead,.info-row strong{font-family:var(--serif)}
.ornament{display:none}
.screen-title i{display:none!important}

.etno-header{min-height:90px;padding-bottom:10px;border-bottom:0;box-shadow:0 7px 18px rgba(42,8,10,.2)}
.home-header{margin-bottom:0}
.list-header,.detail-header{margin-bottom:0}
.lang-switch{gap:7px}
.lang-switch button{font-family:var(--serif);font-size:15px;font-weight:600;color:#e7cfaa}
.lang-switch button.active{color:#fff7e9;text-decoration:none}
.lang-switch span{height:14px;background:#d5ac7a}
.cart-top svg,.icon-btn svg{stroke-width:1.65}

/* Stvarni ćilim koji je korisnik poslao */
.cilim-strip{height:54px;border-radius:0;background:url('assets/cilim-border.webp') center/auto 58px repeat-x!important;position:relative;overflow:visible}
.cilim-strip:before{display:none}
.cilim-strip.top{margin:0 -16px 4px}
.cilim-strip.bottom{margin:8px -16px 0}
.list-main:after,.detail-content:after,.cart-main:after{display:none!important}
.detail-content:after{margin-left:-18px;margin-right:-18px}
.cart-main:after{margin-left:-13px;margin-right:-13px}

/* Dva čista etno tastera */
.quick-panels{padding-top:4px;padding-bottom:12px}
.quick-panel-grid{gap:10px}
.quick-panel-btn{min-height:92px;padding:12px 10px;border:1px solid #87502b;border-radius:10px;text-align:center;color:#fff8e8;background:
  linear-gradient(rgba(62,26,12,.16),rgba(62,26,12,.28)),
  repeating-linear-gradient(0deg,#71401f 0 9px,#794725 9px 11px,#6d3a1d 11px 20px)!important;
  box-shadow:inset 0 0 0 1px rgba(250,220,174,.18),0 5px 12px rgba(58,29,13,.17)}
.quick-panel-btn:before{background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 35%,rgba(255,255,255,.04));}
.quick-panel-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 7px;border:1px solid rgba(245,218,177,.55);border-radius:50%;background:rgba(62,21,9,.18);color:#f5dfb5}
.quick-panel-icon svg{width:20px;height:20px;stroke-width:1.75}
.quick-panel-btn strong{margin:0;color:#fff7e7;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.05;text-shadow:0 1px 3px rgba(0,0,0,.28)}

/* Lepše kategorijske ikonice */
.category-card{height:102px;border-color:#7f4b2a;border-radius:10px}
.category-card svg{width:26px;height:26px;margin-bottom:7px;color:#f8e4bd;stroke-width:1.6;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.category-card b{font-family:var(--serif);font-size:16px;font-weight:600}

/* Kucica koju je korisnik poslao */
.etno-scene-section{padding-top:0;padding-bottom:0;background:#f3e3ca}
.etno-house-card{position:relative;margin:0 -16px;background:#f4e2c6;overflow:hidden;border-top:1px solid rgba(130,84,44,.25);border-bottom:1px solid rgba(130,84,44,.25)}
.etno-house-card img{display:block;width:100%;height:210px;object-fit:cover;object-position:center 58%;mix-blend-mode:multiply}
.etno-house-card figcaption{position:absolute;right:18px;bottom:14px;max-width:210px;text-align:right;color:#72492e;font:600 italic 16px/1.08 var(--serif);text-shadow:0 1px rgba(255,244,224,.85)}
.etno-footer-line{padding:14px 8px 8px;color:#76482d;font:600 italic 15px/1.2 var(--serif)}
.etno-scene-card,.etno-scene-image,.etno-scene-copy{display:none!important}

/* Popup detalji da prate kafanski stil */
.popup-sheet,.filter-sheet{background:#f6ead8!important}
.popup-head h3{font-size:32px;font-weight:600}
.popup-head small,.filter-head small{font-family:var(--serif);font-size:11px;font-weight:600;letter-spacing:1.2px;color:#8b5738}
.home-form-grid label span,.checkout-card label span{font-family:var(--serif);font-size:13px;font-weight:600}
.home-form-grid input,.home-form-grid textarea,.checkout-card input,.checkout-card textarea{font-family:var(--serif);font-size:15px}
.info-row small{font-family:var(--serif);font-size:12px}
.info-row strong{font-size:17px;font-weight:600}
.info-icon{border:1px solid #dac3a4;background:#efe0c8}
.info-icon svg{stroke-width:1.65}

/* Tkanina kao završetak i na mobilnom */
@media(max-width:380px){
  .quick-panel-btn{min-height:84px}
  .quick-panel-btn strong{font-size:17px}
  .etno-house-card img{height:184px}
  .etno-house-card figcaption{font-size:14px;max-width:175px}
}


/* ===== Requested cleanup v6 ===== */
.etno-header::after{display:none!important}
.detail-divider{display:none!important}
.detail-content:after{display:none!important}
.cilim-strip.top{display:none!important}
.etno-house-card{margin-top:0;border-top:0;background:linear-gradient(180deg,#f3e6d2 0%, #eedac0 26%, #f4e2c6 100%)}
.etno-house-card::before{content:"";position:absolute;left:0;right:0;top:0;height:44px;background:linear-gradient(180deg,var(--paper) 0%, rgba(243,227,202,.88) 38%, rgba(243,227,202,0) 100%);z-index:2;pointer-events:none}
.etno-house-card img{position:relative;z-index:1;display:block;width:100%;height:220px;object-fit:cover;object-position:center 58%;mix-blend-mode:multiply}
.etno-house-card figcaption{z-index:3}
.detail-content{padding-top:20px;padding-bottom:10px}
.detail-description{margin-top:2px;font-size:16px;line-height:1.55}
.detail-title-row small{font-size:13px;letter-spacing:.6px}
.detail-title-row h1{font-size:31px;line-height:1.02}
.detail-title-row strong{font-size:24px}
.screen-intro{padding-top:18px;padding-bottom:14px}
.screen-intro h3{font-size:34px}
.screen-intro p{font-size:16px}
.product-copy p{font-size:14px;line-height:1.38}
.product-copy h3{font-size:22px}
.product-price{font-size:20px}
.category-card b{font-size:15px}
.quick-panel-btn strong{font-size:20px}
.quick-panel-icon svg,.category-card svg,.info-link svg,.info-icon svg,.cart-top svg,.icon-btn svg{stroke-width:1.45}
.quick-panel-kicker,.quick-panel-btn small{display:none!important}
.info-grid{padding-bottom:4px}
.info-link{color:#c9b4ac;font-size:13px}
.info-link svg{width:26px;height:26px;color:#d9c6bf}
.etno-scene-section{padding-top:0;background:linear-gradient(180deg,var(--paper) 0%, #f1e1c8 100%)}
.etno-footer-line{padding-top:12px;padding-bottom:10px;font-size:16px}
@media(max-width:380px){
  .screen-intro h3{font-size:30px}
  .product-copy h3{font-size:20px}
  .detail-title-row h1{font-size:28px}
}


/* ===== Requested cleanup v7 ===== */
.home-header{margin-bottom:0!important}
.hero-card{margin-top:0!important}
.view{
  background-color:var(--paper)!important;
  background-image:none!important;
}
.popup-sheet,.filter-sheet{
  background:#f6ead8!important;
  background-image:none!important;
}
/* ćilim samo na naslovnoj */
.list-main:after,
.detail-content:after,
.cart-main:after{display:none!important}
/* čistija, ravna papir pozadina na etno bloku */
.etno-scene-section{background:var(--paper)!important}
.etno-house-card{background:linear-gradient(180deg,#f2e2c9 0%,#f4e4cb 100%)!important}
/* normalniji font za brojeve i cene */
.product-price,
.detail-title-row strong,
.cart-total strong,
.cart-item strong,
.cart-badge,
.info-row strong,
.checkout-card input,
.checkout-card textarea,
.home-form-grid input,
.home-form-grid textarea{
  font-family:'Manrope', Arial, sans-serif!important;
  font-style:normal!important;
  font-variant-numeric:lining-nums tabular-nums;
}
.product-price,
.detail-title-row strong,
.cart-total strong,
.cart-item strong{font-weight:800!important;letter-spacing:-0.02em}
/* malo uredniji naslovi i kartice */
.screen-intro h3{font-size:32px!important}
.screen-intro p{font-size:15px!important}
.product-copy h3{line-height:1.04}
.product-copy p{font-family:var(--serif)!important;font-style:normal!important}


/* ===== Requested cleanup v8 ===== */
.category-card{justify-content:center!important}
.category-card svg,.quick-panel-icon{display:none!important}
.category-card b{margin:0!important}
.quick-panel-btn{display:flex;align-items:center;justify-content:center;text-align:center}
.quick-panel-btn strong{margin:0!important}


/* ===== Requested cleanup v9 ===== */
#categoryGrid .category-card svg{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important}
#categoryGrid .category-card{align-items:flex-start;justify-content:flex-end!important;padding:10px 12px 14px!important}
#categoryGrid .category-card b{display:block;width:100%;text-align:center!important;margin:0!important}