/* ===== Fonts (self-hosted, variable) ===== */
@font-face {
  font-family: 'Cinzel'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/assets/fonts/cinzel-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/assets/fonts/cinzel-latin.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;
}
@font-face {
  font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap;
  src: url("/assets/fonts/mulish-italic-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap;
  src: url("/assets/fonts/mulish-italic-latin.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;
}
@font-face {
  font-family: 'Mulish'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("/assets/fonts/mulish-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Mulish'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("/assets/fonts/mulish-latin.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;
}

/* ===== Base (dari template One Cookie Bakery) ===== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Mulish',system-ui,sans-serif;color:#3B2A1D;background:#F4EBDA;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
a{color:#8A5A34;text-decoration:none}
a:hover{color:#B07D4E}
::selection{background:#B07D4E;color:#fff}
.oc-blend{mix-blend-mode:multiply}
@keyframes ocFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ocDrawer{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes ocToast{0%{opacity:0;transform:translate(-50%,12px)}12%{opacity:1;transform:translate(-50%,0)}88%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,12px)}}
@keyframes ocFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#C6A075;border-radius:20px}

/* ===== Mobile / responsif ===== */
@media (max-width:640px){
  /* header muat satu baris: logo lebih kecil, nav rapat, keranjang jadi ikon saja */
  .oc-header{padding:8px 12px !important;gap:6px !important}
  .oc-logo{height:42px !important}
  .oc-nav{gap:0 !important;font-size:11.5px !important;letter-spacing:.02em !important}
  .oc-nav button{padding:7px 5px !important}
  .oc-cart{padding:10px 13px !important}
  .oc-cart-label{display:none !important}
  /* kolom yang dipatok min-width:300px bikin overflow di layar sempit — biar bisa mengkerut & wrap */
  [style*="min-width:300px"]{min-width:0 !important}
  [style*="min-width:280px"]{min-width:0 !important}
}