/* İris — eski (Erdoğal şablonu) iç sayfa bağımlılıklarının ayıklanmış hâli.
   bootstrap.min.css + erdogal.css içinden yalnızca ön yüz kaynaklarında (PHP/JS/DB) geçen
   sınıflara ait kurallar alındı; sıra korunur. İris CSS dosyalarından ÖNCE yüklenir. */
/* --- bootstrap.min.css --- */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-heading-color: ;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}
*, ::after, ::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth}
}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}
.h1, .h2, .h3, .h4, h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
.h1, h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){
.h1, h1{font-size:2.5rem}
}
.h2, h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){
.h2, h2{font-size:2rem}
}
.h3, h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){
.h3, h3{font-size:1.75rem}
}
.h4, h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){
.h4, h4{font-size:1.5rem}
}
h5{font-size:1.25rem}
h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol, ul{padding-left:2rem}
dl, ol, ul{margin-top:0;margin-bottom:1rem}
ol ol, ol ul, ul ol, ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b, strong{font-weight:bolder}
.small, small{font-size:.875em}
mark{padding:.1875em;background-color:var(--bs-highlight-bg)}
sub, sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:var(--bs-link-color);text-decoration:underline}
a:hover{color:var(--bs-link-hover-color)}
a:not([href]):not([class]), a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code, kbd, pre, samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}
kbd kbd{padding:0;font-size:1em}
figure{margin:0 0 1rem}
img, svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:rgba(var(--bs-body-color-rgb),.75);text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody, td, tfoot, th, thead, tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button, input, optgroup, select, textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button, select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}
[type=button], [type=reset], [type=submit], button{-webkit-appearance:button}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){
legend{font-size:1.5rem}
}
legend+*{clear:left}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
::file-selector-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.lead{font-size:1.25rem;font-weight:300}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote>:last-child{margin-bottom:0}
.figure{display:inline-block}
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container{max-width:540px}
}
@media (min-width:768px){
.container{max-width:720px}
}
@media (min-width:992px){
.container{max-width:960px}
}
@media (min-width:1200px){
.container{max-width:1140px}
}
@media (min-width:1400px){
.container{max-width:1320px}
}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.btn{transition:none}
}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn:focus{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.active, .btn.show, .btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn.active:focus, .btn.show:focus, .btn:active:focus{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.collapse:not(.show){display:none}
.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.card>hr{margin-right:0;margin-left:0}
.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius,0)}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius,0)}
.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}
.toast{--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}
.toast:not(.show){display:none}
.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}
.placeholder.btn::before{display:inline-block;content:""}
.ratio{position:relative;width:100%}
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.flex-wrap{flex-wrap:wrap!important}
/* --- erdogal.css --- */
:root{--erd-primary: #4A5D3A;          
  --erd-primary-dark: #2F3D26;
  --erd-primary-2: #7C8C5D;
  --erd-accent: #B8651E;            
  --erd-cream: #F5EFE0;             
  --erd-paper: #FAF6EB;             
  --erd-bg: #FAF6EB;
  --erd-bg-alt: #EFE8D6;
  --erd-dark: #1F2418;              
  --erd-text: #2B2E22;
  --erd-muted: #6F6852;
  --erd-border: #D9CFB8;
  --erd-rule: #1F2418;
  --erd-radius: 0px;                
  --erd-radius-sm: 0px;
  --erd-shadow: 0 4px 16px rgba(31,36,24,.05);
  --erd-shadow-hover: 0 12px 36px rgba(31,36,24,.08);
  --erd-font-display: "Onest", -apple-system, "Segoe UI", system-ui, sans-serif;
  --erd-font-body: "Onest", -apple-system, "Segoe UI", system-ui, sans-serif;
  --erd-font: "Onest", -apple-system, "Segoe UI", system-ui, sans-serif;}
body{font-family: "Onest", -apple-system, "Segoe UI", system-ui, sans-serif !important;}
.erd-body{font-family: var(--erd-font-body);
  color: var(--erd-text);
  background: var(--erd-bg);
  margin: 0;
  font-size: 15.5px;
  line-height: 1.65;
  font-feature-settings: "ss01", "cv01";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.erd-body h1, .erd-body h2, .erd-body h3, .erd-body h4, .erd-body h5{color: var(--erd-dark);
  font-family: var(--erd-font-display);
  font-weight: 400;
  letter-spacing: -.012em;
  font-variation-settings: "opsz" 144, "SOFT" 50;}
.erd-body em, .erd-body i:not([class*="fa-"]):not([class*="fab"]):not([class*="far"]):not([class*="fas"]){font-style: normal;
  font-family: inherit;}
.erd-body a{color: var(--erd-primary); text-decoration: none;}
.erd-body a:hover{color: var(--erd-primary-dark);}
html body a, html body a:hover, html body a:focus, html body a:visited, html body a:active, html body button, html body label, html body span, html body p, html body li{text-decoration: none !important;}
html body a u, html body u{text-decoration: none !important;}
.erd-product-card a, a:has(> i.fa-solid:only-child), a:has(> svg:only-child){text-decoration: none !important;}
.erd-fav-btn, .erd-pd-fav{text-decoration: none !important;}
.erd-body img{max-width: 100%; height: auto;}
.erd-body ::selection{background: var(--erd-dark); color: var(--erd-paper);}
.erd-product-card{background: #fff;
  border: 1px solid var(--erd-border);
  border-radius: var(--erd-radius);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: all .2s ease;}
.erd-product-card:hover{border-color: var(--erd-primary-2);
  box-shadow: var(--erd-shadow-hover);}
.erd-price-now{color: var(--erd-primary); font-weight: 700; font-size: 1.1rem;}
.erd-card-variants{display: flex; flex-wrap: wrap; gap: 5px;
  margin-bottom: .25rem;}
.erd-card-variant{position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  padding: .35rem .65rem;
  border: 1px solid #D9CFB8;
  border-radius: 999px;
  font-family: "Onest", sans-serif;
  font-size: .78rem;
  font-weight: 500;
  color: #2B2E22;
  background: #fff;
  cursor: pointer;
  transition: all .15s ease;
  white-space: nowrap;
  user-select: none;}
.erd-card-variant input{position: absolute; inset: 0;
  opacity: 0; cursor: pointer;}
.erd-card-variant:hover{border-color: #DCA62B;
  color: #433014;}
.erd-card-variant.is-active{background: #433014;
  border-color: #433014;
  color: #FEF8E0;
  font-weight: 600;}
.erd-card-variant.is-oos{opacity: .45;
  cursor: not-allowed;
  text-decoration: line-through;}
.erd-fav-btn{position: absolute;
  top: 10px; right: 10px;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(229,221,199,.7);
  color: #6F6852;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
  -webkit-appearance: none; appearance: none;
  padding: 0;
  outline: 0;
  backdrop-filter: blur(4px);}
.erd-fav-btn svg{overflow: visible;}
.erd-fav-btn svg path{fill: transparent;
  stroke: currentColor;
  transition: fill .2s ease, stroke .2s ease;}
.erd-fav-btn:hover{color: #C73E2B; background: #fff; border-color: #C73E2B;}
.erd-fav-btn.is-active{color: #C73E2B;
  background: #fff;}
.erd-fav-btn.is-active svg path{fill: #C73E2B;
  stroke: #C73E2B;}
.erd-fav-btn-pop{animation: erdHeartPop .4s cubic-bezier(.34,1.56,.64,1);}
body.erd-fav-open #vl-header-sticky{visibility: hidden !important;
  pointer-events: none !important;}
body.erd-cart-open, body.erd-fav-open, body.erd-mm-open{padding-bottom: 0 !important;
  overflow: hidden !important;}
body.erd-mm-open #vl-header-sticky, body.erd-cart-open #vl-header-sticky{visibility: hidden !important;
  pointer-events: none !important;}
@media (max-width: 991.98px){
body{padding-bottom: 0;}
}
.erd-detail-price{display: flex; gap: .8rem; align-items: baseline; margin-bottom: 1.5rem;}
.erd-detail-price .erd-price-now{font-size: 1.6rem;}
.erd-variant-pills{display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .55rem;
  margin-bottom: 1.2rem;}
.erd-variant-pill{position: relative; cursor: pointer;
  border: 1.5px solid #E5DDC7;
  border-radius: 12px;
  padding: .65rem .85rem;
  background: #fff;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
  display: flex; flex-direction: column; gap: 4px;
  min-height: 64px;}
.erd-variant-pill input{position: absolute; inset: 0;
  opacity: 0; cursor: pointer;
  margin: 0; padding: 0;}
.erd-variant-pill::after{content: "";
  position: absolute; top: 8px; right: 8px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #C7BFA8;
  transition: all .15s ease;}
.erd-variant-pill:hover{border-color: #DCA62B;
  background: #FFFCF2;}
.erd-variant-pill.active{border-color: #DCA62B;
  background: linear-gradient(180deg, #FFF8E2 0%, #FFFCF2 100%);
  box-shadow: 0 4px 14px rgba(220,166,43,.18);}
.erd-variant-pill.active::after{background: #DCA62B;
  border-color: #DCA62B;
  box-shadow: inset 0 0 0 3px #fff;}
.erd-variant-pill.oos{opacity: .55; cursor: not-allowed;
  background: repeating-linear-gradient(135deg, #fff 0 8px, #FAF6EB 8px 16px);}
.erd-variant-pill.oos::after{display: none;}
@media (max-width: 575.98px){
.erd-variant-pills{grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .4rem;}
.erd-variant-pill{padding: .55rem .7rem; min-height: 60px;}
}
.erd-qty-btn{border: 0; background: transparent; width: 36px; height: 40px;
  font-size: 1.2rem; color: var(--erd-text); cursor: pointer;}
.erd-qty-btn:hover{background: var(--erd-bg-alt); color: var(--erd-primary);}
.erd-qty-field{border: 0; background: transparent; width: 50px; text-align: center;
  font-weight: 600; font-size: 1rem; outline: 0;}
.erd-detail-stock{font-size: .9rem; margin: 0;}
.erd-track-result{margin: .4rem 0 1.2rem;}
.erd-track-result-card{background: #fff;
  border: 1px solid #E5DDC7;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(31,36,24,.05);}
.erd-track-result-empty, .erd-track-result-loading{padding: 1rem 1.2rem;
  display: flex; align-items: center; gap: .8rem;
  color: #6F6852; font-size: .9rem;}
.erd-track-result-empty i{color: #C0392B; font-size: 1.4rem;}
.erd-track-result-empty b{display: block; color: #1F2418; font-size: .95rem; margin-bottom: 2px;}
.erd-track-result-empty span{color: #6F6852; font-size: .85rem;}
.erd-track-result-loading i{color: #DCA62B; font-size: 1.2rem;}
.erd-track-result-head{display: flex; align-items: center; justify-content: space-between;
  padding: .9rem 1.2rem;
  background: #FAF6EB;
  border-bottom: 1px solid #E5DDC7;
  gap: .75rem; flex-wrap: wrap;}
.erd-track-result-carrier{display: flex; align-items: center; gap: .65rem;
  color: #1F2418; font-weight: 700;}
.erd-track-result-carrier img{height: 24px; width: auto;}
.erd-track-status{display: inline-flex; align-items: center; gap: .45rem;
  padding: .35rem .8rem;
  border-radius: 999px;
  font-size: .82rem; font-weight: 600;
  background: #F2EBD9; color: #6F5418;}
.erd-track-status-ok{background: #DBEFD8; color: #2F6E2A;}
.erd-track-status-go{background: #FFF1CD; color: #8A6311;}
.erd-track-result-body{padding: 1.1rem 1.2rem;}
.erd-track-meta{margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .65rem 1.2rem;}
.erd-track-meta > div{display: flex; flex-direction: column; gap: 2px;}
.erd-track-meta dt{color: #8A8268; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 600;}
.erd-track-meta dd{margin: 0; color: #1F2418; font-size: .92rem;}
.erd-track-meta dd em{color: #6F6852; font-style: normal; font-size: .82rem;}
.erd-track-meta code{font-family: ui-monospace, "SF Mono", Menlo, monospace;
  background: #FAF6EB;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid #E5DDC7;
  font-size: .85rem;}
.erd-track-tl-title{margin: 1.4rem 0 .8rem;
  font-size: .9rem; color: #1F2418;
  display: flex; align-items: center; gap: .5rem;}
.erd-track-tl-title i{color: #DCA62B;}
.erd-track-tl{list-style: none; margin: 0; padding: 0;
  position: relative;
  border-left: 2px solid #E5DDC7;
  padding-left: 1.2rem;}
.erd-track-tl li{position: relative;
  padding: 0 0 1rem;}
.erd-track-tl li:last-child{padding-bottom: 0;}
.erd-track-tl-dot{position: absolute;
  left: -1.69rem; top: 4px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #C7BFA8;}
.erd-track-tl li.is-current .erd-track-tl-dot{background: #DCA62B;
  border-color: #DCA62B;
  box-shadow: 0 0 0 4px rgba(220,166,43,.18);}
.erd-track-tl-text b{display: block;
  color: #1F2418;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;}
.erd-track-tl-text span{display: block;
  color: #6F6852;
  font-size: .82rem;
  margin-top: 2px;}
.erd-track-tl-text time{display: block;
  color: #8A8268;
  font-size: .76rem;
  margin-top: 4px;
  font-variant-numeric: tabular-nums;}
.erd-track-tl-detail{color: #8A8268 !important;
  font-style: italic;
  font-size: .78rem !important;}
.erd-body input, .erd-body select, .erd-body textarea{box-sizing: border-box;
  max-width: 100%;}
.erd-pay-card{background: #FAF6EB;
  border: 2px solid #E5DDC7;
  border-radius: 12px;
  cursor: pointer;
  transition: all .15s ease;
  overflow: hidden;
  position: relative;}
.erd-pay-card input[type=radio]{position: absolute;
  opacity: 0; pointer-events: none;}
.erd-pay-card:hover{border-color: #DCA62B;}
.erd-pay-card.is-active{border-color: #DCA62B;
  background: #fff;}
.erd-card-num-wrap{position: relative;}
.erd-card-num-wrap input{width: 100%;
  letter-spacing: .12em;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;}
.erd-card-brand-mark{position: absolute;
  top: 50%; right: 12px; transform: translateY(-50%);
  width: 36px; height: 24px;
  border-radius: 4px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: none;}
.erd-co-mobilebar{display: none;}
@media (max-width: 991.98px){
html, body{overflow-x: hidden;}
.erd-pay-card{width: 100%; max-width: 100%; box-sizing: border-box;}
.cf-turnstile{max-width: 100% !important; overflow: hidden;}
.cf-turnstile iframe{max-width: 100% !important;}
.erd-co-mobilebar{display: flex; align-items: center; justify-content: space-between;
    gap: 1rem;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #fff;
    border-top: 1px solid #E5DDC7;
    padding: .65rem 1rem;
    z-index: 80;
    box-shadow: 0 -8px 24px rgba(31,36,24,.10);}
.erd-co-mobilebar div small{display: block; font-size: .68rem;
    color: #98906F;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;}
.erd-co-mobilebar div b{display: block; font-size: 1.1rem;
    color: #DCA62B; font-weight: 800;}
.erd-co-mobilebar-btn{flex: 1;
    background: #DCA62B;
    color: #1F2418;
    border: 0;
    padding: .8rem 1rem;
    border-radius: 10px;
    font-family: "Onest", sans-serif;
    font-weight: 700; font-size: .92rem;
    display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
    cursor: pointer;
    max-width: 200px;}
}
@media (max-width: 991.98px){
html{overflow-x: hidden !important;}
body{overflow-x: hidden !important; max-width: 100vw;}
}
.erd-pd-arrow{position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(229,221,199,.7);
  border-radius: 50%;
  color: #1F2418;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  z-index: 4;
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px rgba(31,36,24,.12);
  transition: background .15s ease, color .15s ease, transform .15s ease, border-color .15s ease;
  opacity: .85;}
.erd-pd-arrow:hover{background: #DCA62B;
  border-color: #DCA62B;
  color: #1F2418;
  opacity: 1;}
.erd-pd-arrow:active{transform: translateY(-50%) scale(.95);}
.erd-pd-arrow-prev{left: 14px;}
.erd-pd-arrow-next{right: 14px;}
@media (max-width: 575.98px){
.erd-pd-arrow{width: 36px; height: 36px;}
.erd-pd-arrow-prev{left: 10px;}
.erd-pd-arrow-next{right: 10px;}
}
.erd-pd-thumb{flex: 0 0 78px;
  width: 78px; height: 78px;
  background: #FAF6EB;
  border: 1.5px solid #E5DDC7;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  -webkit-appearance: none; appearance: none;
  transition: border-color .15s ease, transform .15s ease;
  scroll-snap-align: start;
  position: relative;}
.erd-pd-thumb:hover{border-color: #DCA62B; transform: translateY(-2px);}
.erd-pd-thumb.is-active{border-color: #DCA62B;
  border-width: 2px;
  box-shadow: 0 4px 10px rgba(220,166,43,.25);}
.erd-pd-thumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
@media (max-width: 575.98px){
.erd-pd-thumb{flex-basis: 64px; width: 64px; height: 64px;}
}
.erd-pd-fav{position: absolute;
  top: 16px; right: 16px;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #E5DDC7;
  color: #98906F;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: all .2s ease;
  -webkit-appearance: none; appearance: none;
  padding: 0; outline: 0;
  box-shadow: 0 4px 12px rgba(31,36,24,.10);}
.erd-pd-fav svg path{fill: transparent; stroke: currentColor; transition: fill .2s ease;}
.erd-pd-fav:hover{color: #C73E2B; transform: scale(1.06);}
.erd-pd-fav.is-active{color: #C73E2B; border-color: #C73E2B;}
.erd-pd-fav.is-active svg path{fill: #C73E2B; stroke: #C73E2B;}
.erd-pd-dot{display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #4A5D3A;
  box-shadow: 0 0 0 3px rgba(124,154,46,.20);
  animation: erdPulse 2s ease-in-out infinite;}
.erd-pd-dot-red{background: #C73E2B; box-shadow: 0 0 0 3px rgba(199,62,43,.18);}
.erd-pd-stock-ok{color: #4A5D3A; font-weight: 600;}
.erd-pd-stock-oos{color: #C73E2B; font-weight: 600;}
.erd-cart-grid{display: grid;
  grid-template-columns: 1fr 380px;
  gap: 2rem;
  align-items: start;
  font-family: "Onest", sans-serif;}
.erd-cart-row{display: grid;
  grid-template-columns: 84px 1fr auto auto 36px;
  gap: 1.1rem;
  align-items: center;
  padding: 1.1rem 1.2rem;
  border-bottom: 1px solid #F1E8D0;
  transition: background .15s ease;}
.erd-cart-row:last-child{border-bottom: 0;}
.erd-cart-row.is-removing{opacity: .35; pointer-events: none;}
.erd-cart-qty-wrap{display: inline-flex; align-items: center;
  border: 1px solid #E5DDC7;
  border-radius: 999px;
  background: #fff;
  overflow: hidden;
  height: 38px;}
.erd-cart-qty-btn{width: 32px; height: 38px;
  background: transparent; border: 0;
  font-size: 1.1rem; color: #2B2E22;
  cursor: pointer;
  -webkit-appearance: none; appearance: none;
  padding: 0;}
.erd-cart-qty-btn:hover{background: #FFF3D6; color: #DCA62B;}
.erd-cart-qty{width: 40px; height: 38px;
  border: 0; background: transparent;
  text-align: center;
  font-family: "Onest", sans-serif;
  font-size: .92rem; font-weight: 600;
  color: #1F2418;
  outline: 0;
  -moz-appearance: textfield;}
.erd-cart-qty::-webkit-outer-spin-button, .erd-cart-qty::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.erd-cart-line-total{font-family: "Onest", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: #1F2418;
  text-align: right;
  white-space: nowrap;
  min-width: 100px;}
.erd-cart-remove{display: flex; justify-content: center;}
.erd-cart-remove button{border: 1px solid transparent;
  background: transparent;
  color: #98906F;
  cursor: pointer;
  width: 36px; height: 36px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .15s ease;
  -webkit-appearance: none; appearance: none;
  padding: 0;}
.erd-cart-remove button:hover{background: #FEE;
  border-color: #C73E2B;
  color: #C73E2B;}
@media (max-width: 991.98px){
.erd-cart-grid{grid-template-columns: 1fr; gap: 1.5rem;}
.erd-cart-row{grid-template-columns: 70px 1fr 36px;
    gap: .75rem;
    grid-template-areas:
      "thumb info remove"
      "qty   total total";
    row-gap: .65rem;
    padding: .9rem 1rem;}
.erd-cart-qty-wrap{grid-area: qty;}
.erd-cart-line-total{grid-area: total; text-align: right; min-width: 0;}
.erd-cart-remove{grid-area: remove;}
}
@media (max-width: 575.98px){
.erd-cart-line-total{font-size: .95rem;}
}
@media (max-width: 991.98px){
.erd-cart-line-total{grid-column: 2 / 4; text-align: left; padding-top: .25rem;}
}
.erd-lightbox{position: fixed; inset: 0;
  background: rgba(15,18,11,.95);
  z-index: 9999;
  display: none; align-items: center; justify-content: center;
  padding: 2rem;
  cursor: zoom-out;
  animation: erdLbIn .2s ease;}
.erd-lightbox.is-open{display: flex;}
.erd-lightbox-img{max-width: 95vw; max-height: 90vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);}
.erd-lightbox-close{position: absolute; top: 20px; right: 20px;
  width: 44px; height: 44px;
  background: rgba(255,255,255,.15);
  border: 0;
  border-radius: 50%;
  color: #FEF8E0;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
  transition: background .15s ease;}
.erd-lightbox-close:hover{background: rgba(255,255,255,.25);}
.erd-lightbox-arrow{position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 50px; height: 50px;
  background: rgba(255,255,255,.15);
  border: 0;
  border-radius: 50%;
  color: #FEF8E0;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
  transition: background .15s ease;}
.erd-lightbox-arrow:hover{background: rgba(255,255,255,.25);}
.erd-lightbox-prev{left: 20px;}
.erd-lightbox-next{right: 20px;}
.erd-lightbox-counter{position: absolute;
  bottom: 24px; left: 50%; transform: translateX(-50%);
  background: rgba(0,0,0,.5);
  color: #FEF8E0;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: .82rem;
  font-variant-numeric: tabular-nums;}
.erd-channel-cards{display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .55rem;
  margin-bottom: 1.2rem;}
.erd-channel-card{position: relative;
  display: flex; flex-direction: column; align-items: center;
  gap: 4px;
  padding: .9rem .55rem;
  background: #fff;
  border: 1.5px solid #E5DDC7;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  transition: border-color .15s ease, background .15s ease, transform .12s ease;}
.erd-channel-card input{position: absolute; inset: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;}
.erd-channel-card:hover{border-color: #DCA62B;
  background: #FFFCF2;}
.erd-channel-card:has(input:checked){border-color: #DCA62B;
  background: linear-gradient(180deg, #FFF8E2 0%, #FFFCF2 100%);
  box-shadow: 0 4px 14px rgba(220,166,43,.18);}
.erd-channel-ico{display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: #FAF6EB;
  color: #6F6852;
  margin-bottom: 4px;
  transition: all .15s ease;}
.erd-channel-card:has(input:checked) .erd-channel-ico{background: #DCA62B;
  color: #1F2418;}
.erd-channel-card b{font-size: .88rem;
  font-weight: 700;
  color: #1F2418;
  font-family: "Onest", sans-serif;}
.erd-channel-card small{font-size: .68rem;
  color: #6F6852;
  line-height: 1.3;}
@media (max-width: 480px){
.erd-channel-cards{gap: .4rem;}
.erd-channel-card{padding: .7rem .35rem;}
.erd-channel-card small{font-size: .62rem;}
}
.erd-seo-faq{margin-top: 2.5rem;}
.erd-seo-faq h2{font-size: 1.35rem; font-weight: 800; color: var(--erd-dark); margin: 0 0 1rem;}
.erd-seo-faq details{border-top: 1px solid var(--erd-border); padding: .95rem 0;}
.erd-seo-faq details:last-of-type{border-bottom: 1px solid var(--erd-border);}
.erd-seo-faq summary{cursor: pointer; font-weight: 700; color: var(--erd-dark); list-style: none; display: flex; justify-content: space-between; gap: 1rem;}
.erd-seo-faq summary::-webkit-details-marker{display: none;}
.erd-seo-faq summary::after{content: "+"; color: var(--erd-accent); font-weight: 800; font-size: 1.2rem; line-height: 1; transition: transform .2s;}
.erd-seo-faq details[open] summary::after{transform: rotate(45deg);}
.erd-seo-faq details p{margin: .6rem 0 0; color: var(--erd-muted); line-height: 1.7;}
.erd-cx-bar{display: none;}
@media (max-width: 991.98px){
.erd-cx-bar{display: flex; align-items: center; justify-content: space-between; gap: .75rem;
    position: fixed; z-index: 85; left: 14px; right: 14px;
    bottom: calc(max(14px, env(safe-area-inset-bottom)) + 76px);
    max-width: 480px; margin: 0 auto;
    background: #fff; border: 1px solid var(--cx-line); border-radius: 18px;
    padding: .55rem .55rem .55rem 1rem;
    box-shadow: 0 12px 32px rgba(31,36,24,.18);}
}
@keyframes erdHeartPop{
  0% { transform: scale(1); }
  40% { transform: scale(1.35); }
  70% { transform: scale(.92); }
  100% { transform: scale(1); }
}
@keyframes erdPulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(124,154,46,.20); }
  50%      { box-shadow: 0 0 0 6px rgba(124,154,46,.05); }
}
@keyframes erdLbIn { from { opacity: 0; } to { opacity: 1; } }