/* ==========================================================================
   Indian Craft Centre — new design (site-wide header/footer + homepage)
   Scoped to .iccv2-header, .iccv2-footer and .iccv2-home only, so nothing
   here leaks onto other pages' own (pre-existing) content in between.
   ========================================================================== */

html, body { margin: 0; padding: 0; }
.iccv2-announce *, .iccv2-header *, .iccv2-newsletter *, .iccv2-footer *, .iccv2-home * { box-sizing: border-box; }
.iccv2-announce, .iccv2-header, .iccv2-newsletter, .iccv2-footer, .iccv2-home { font-family: 'Karla', sans-serif; color: #2A1B12; -webkit-text-size-adjust: 100%; }
.iccv2-home { background: #FBF7F0; overflow-x: hidden; }
.iccv2-announce a, .iccv2-header a, .iccv2-newsletter a, .iccv2-footer a, .iccv2-home a { text-decoration: none; }
.iccv2-announce img, .iccv2-header img, .iccv2-newsletter img, .iccv2-footer img, .iccv2-home img { max-width: 100%; }
.iccv2-announce button, .iccv2-header button, .iccv2-newsletter button, .iccv2-footer button, .iccv2-home button { font-family: inherit; cursor: pointer; }
.iccv2-announce ul, .iccv2-header ul, .iccv2-newsletter ul, .iccv2-footer ul, .iccv2-home ul { margin: 0; padding: 0; list-style: none; }

@keyframes iccFadeDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes iccSlideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }

.iccv2-hide-scrollbar { scrollbar-width: none; }
.iccv2-hide-scrollbar::-webkit-scrollbar { display: none; }

.iccv2-wrap { max-width: 1400px; margin: 0 auto; padding: 0 24px; }

/* ---------- Announcement bar ---------- */
.iccv2-announce {
  background: #5C0F1C; color: #F3E3C3; font-size: 12px; letter-spacing: 0.02em;
  padding: 9px 24px; display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.iccv2-announce i { margin-right: 6px; color: #EBC65A; }
.iccv2-announce strong { color: #EBC65A; }
.iccv2-announce-right { display: flex; align-items: center; gap: 18px; }
.iccv2-currency { display: flex; align-items: center; gap: 4px; }
.iccv2-currency-btn { background: none; border: none; color: #F3E3C3; font-size: 12px; letter-spacing: 0.02em; padding: 0; display: flex; align-items: center; gap: 4px; }
.iccv2-currency-btn::after { vertical-align: 1px; }

/* ---------- Header ---------- */
.iccv2-header { background: #FFFDF9; border-bottom: 1px solid #EADFC8; position: sticky; top: 0; z-index: 60; }
.iccv2-header-row { max-width: 1400px; margin: 0 auto; padding: 20px 24px; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.iccv2-logo { display: flex; align-items: center; margin-right: auto; }
.iccv2-logo img { height: 54px; width: auto; display: block; }

.iccv2-mobile-toggle {
  display: none; background: none; border: 1px solid #EADFC8; border-radius: 10px;
  width: 44px; height: 44px; align-items: center; justify-content: center; font-size: 20px; color: #4A0E18;
}

.iccv2-search { flex: 1; min-width: 240px; max-width: 600px; display: flex; align-items: stretch; border: 1px solid #EADFC8; border-radius: 999px; overflow: hidden; background: #fff; }
.iccv2-search input { border: none; outline: none; flex: 1; padding: 12px 20px; font-family: 'Karla', sans-serif; font-size: 14px; color: #2A1B12; background: transparent; }
.iccv2-search-cat { position: relative; display: flex; align-items: center; gap: 6px; padding: 0 14px; border-left: 1px solid #EADFC8; font-size: 13px; color: #6b5847; white-space: nowrap; cursor: pointer; }
.iccv2-search-cat.is-open i.bi-chevron-down { transform: rotate(180deg); }
.iccv2-search-cat-menu {
  /* position:fixed (not absolute) is required: .iccv2-search has overflow:hidden for its
     pill shape, which would clip an absolutely-positioned descendant that renders outside
     that box. Fixed positioning escapes the clipping; JS sets top/left/right on open. */
  display: none; position: fixed; top: 0; left: 0; min-width: 200px; max-height: 320px;
  overflow-y: auto; background: #fff; border: 1px solid #EADFC8; border-radius: 12px; box-shadow: 0 12px 28px rgba(74,14,24,0.14);
  padding: 6px; z-index: 200; animation: iccFadeDown .15s ease;
  scrollbar-width: thin; scrollbar-color: #D8B979 transparent;
}
.iccv2-search-cat.is-open .iccv2-search-cat-menu { display: block; }
.iccv2-search-cat-menu::-webkit-scrollbar { width: 6px; }
.iccv2-search-cat-menu::-webkit-scrollbar-track { background: transparent; }
.iccv2-search-cat-menu::-webkit-scrollbar-thumb { background: #D8B979; border-radius: 999px; }
.iccv2-search-cat-menu::-webkit-scrollbar-thumb:hover { background: #C9A227; }
.iccv2-search-cat-item { display: block; padding: 9px 12px; border-radius: 8px; font-size: 13px; color: #2A1B12; white-space: nowrap; }
.iccv2-search-cat-item:hover { background: #FBF3E3; }
.iccv2-search-cat-item.is-active { color: #6E1423; font-weight: 600; }
.iccv2-search button { background: #6E1423; color: #F3E3C3; border: none; width: 54px; display: flex; align-items: center; justify-content: center; font-size: 16px; }

.iccv2-search-suggest {
  display: none; position: fixed; top: 0; left: 0; max-height: 400px; overflow-y: auto;
  background: #fff; border: 1px solid #EADFC8; border-radius: 12px; box-shadow: 0 12px 28px rgba(74,14,24,0.14);
  padding: 6px; z-index: 200; animation: iccFadeDown .15s ease;
  scrollbar-width: thin; scrollbar-color: #D8B979 transparent;
}
.iccv2-search-suggest.is-open { display: block; }
.iccv2-search-suggest-item { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; color: #2A1B12; }
.iccv2-search-suggest-item:hover, .iccv2-search-suggest-item.is-active { background: #FBF3E3; }
.iccv2-search-suggest-item img { width: 42px; height: 42px; object-fit: cover; border-radius: 8px; flex-shrink: 0; background: #F5EFE0; }
.iccv2-search-suggest-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.iccv2-search-suggest-title { font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iccv2-search-suggest-price { font-size: 12.5px; color: #6E1423; font-weight: 600; }

.iccv2-account-nav { display: flex; align-items: center; gap: 26px; }
.iccv2-account-nav a { color: #2A1B12; text-align: center; font-size: 11px; display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative; transition: color .15s; }
.iccv2-account-nav a:hover { color: #6E1423; }
.iccv2-account-nav i { font-size: 20px; color: #3A2317; }
.iccv2-nav-icon-wrap { position: relative; display: inline-flex; }
.iccv2-cart-count { position: absolute; top: -6px; right: -8px; background: #6E1423; color: #fff; font-size: 9px; width: 15px; height: 15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

/* ---------- Desktop category pill row + mega menu ---------- */
.iccv2-navrow-outer { border-top: 1px solid #F1E9D8; background: #FFFDF9; }
.iccv2-navrow { max-width: 1400px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; gap: 18px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.iccv2-navrow::-webkit-scrollbar { display: none; }
.iccv2-navpill { position: relative; flex-shrink: 0; }
.iccv2-navpill > a { color: #3A2317; font-size: 12.5px; font-weight: 600; letter-spacing: 0.005em; display: flex; align-items: center; gap: 6px; padding: 6px 0; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; white-space: nowrap; }
.iccv2-navpill > a:hover { color: #6E1423; border-bottom: 2px solid #C9A227; }
.iccv2-navpill > a i.iccv2-navpill-icon { color: #B8733A; font-size: 14px; }
.iccv2-navpill-icon-img { width: 22px; height: 22px; object-fit: contain; border-radius: 50%; background: #FBF3E4; padding: 2px; flex-shrink: 0; }
.iccv2-mobile-list a .iccv2-navpill-icon-img { width: 24px; height: 24px; }
.iccv2-navpill > a i.bi-chevron-down { font-size: 9px; color: #8A7862; }
.iccv2-navpill-combo { text-decoration: none; background: #C9A227; color: #3A2317; font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em; padding: 10px 16px; border-radius: 8px; display: flex; align-items: center; gap: 7px; white-space: nowrap; flex-shrink: 0; margin-left: auto; transition: background .15s, transform .15s; }
.iccv2-navpill-combo:hover { background: #B8912A; transform: translateY(-1px); }

.iccv2-dropdown {
  /* position:fixed (not absolute) is required here: .iccv2-navrow scrolls horizontally
     (overflow-x:auto), and per the CSS overflow spec that silently forces overflow-y:auto
     too, which would clip an absolutely-positioned dropdown that extends below the row.
     Fixed positioning escapes that clipping entirely; JS sets top/left/right per pill. */
  position: fixed; top: 0; left: 0; background: #FFFDF9; border: 1px solid #EFE0C0; border-top: 2px solid #C9A227;
  border-radius: 0 0 10px 10px; box-shadow: 0 16px 34px rgba(58,35,23,0.16); padding: 16px 22px; z-index: 200;
  display: none; max-width: 90vw; min-width: 210px;
}
.iccv2-navpill:hover > .iccv2-dropdown { display: block; animation: iccFadeDown .15s ease; }

.iccv2-dropdown-flat { column-gap: 28px; min-width: 210px; }
.iccv2-dropdown-flat[data-cols="2"] { column-count: 2; }
.iccv2-dropdown-flat[data-cols="1"] { column-count: 1; }
.iccv2-dropdown a.iccv2-dropdown-link { display: block; color: #3A2317; font-size: 13px; padding: 6px 4px; break-inside: avoid; white-space: nowrap; border-radius: 5px; transition: background .15s, color .15s; }
.iccv2-dropdown a.iccv2-dropdown-link:hover { background: #FBF3E4; color: #6E1423; }

.iccv2-dropdown-grouped { min-width: 220px; padding: 6px 0; }
.iccv2-flyout-group { position: relative; }
.iccv2-flyout-trigger { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #3A2317; font-size: 13px; font-weight: 600; padding: 10px 18px; cursor: default; transition: background .15s, color .15s; }
.iccv2-flyout-trigger i { font-size: 10px; color: #B8733A; }
.iccv2-flyout-group:hover > .iccv2-flyout-trigger { background: #FBF3E4; color: #6E1423; }
.iccv2-flyout { position: absolute; top: 0; left: 100%; border-left: 2px solid #C9A227; border-radius: 0 10px 10px 10px; background: #FFFDF9; border: 1px solid #EFE0C0; box-shadow: 0 16px 34px rgba(58,35,23,0.16); padding: 10px 0; min-width: 230px; z-index: 205; display: none; }
.iccv2-flyout-group:hover > .iccv2-flyout { display: block; animation: iccFadeDown .12s ease; }
.iccv2-flyout a { display: block; color: #3A2317; font-size: 13px; padding: 8px 18px; white-space: nowrap; transition: background .15s, color .15s, padding-left .15s; }
.iccv2-flyout a:hover { background: #FBF3E4; color: #6E1423; padding-left: 22px; }

/* ---------- Mobile slide-in nav ---------- */
.iccv2-mobile-overlay { position: fixed; inset: 0; background: rgba(42,27,18,0.5); z-index: 80; display: none; }
.iccv2-mobile-panel {
  position: fixed; top: 0; right: 0; bottom: 0; width: 82vw; max-width: 340px; background: #FFFDF9; z-index: 81;
  padding: 22px; overflow-y: auto; transform: translateX(100%); transition: transform .22s ease;
}
body.iccv2-nav-open .iccv2-mobile-overlay { display: block; }
body.iccv2-nav-open .iccv2-mobile-panel { transform: translateX(0); animation: iccSlideIn .22s ease; }
.iccv2-mobile-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.iccv2-mobile-head-title { font-family: 'Marcellus', serif; color: #4A0E18; font-size: 18px; }
.iccv2-mobile-close { background: none; border: none; font-size: 22px; color: #4A0E18; }
.iccv2-mobile-list { display: flex; flex-direction: column; gap: 2px; }
.iccv2-mobile-list a { color: #2A1B12; font-size: 15px; padding: 10px 4px; border-bottom: 1px solid #F1E9D8; display: flex; align-items: center; gap: 10px; transition: color .15s, background .15s; }
.iccv2-mobile-list a:hover { color: #6E1423; background: #FBF3E4; }
.iccv2-mobile-list a i { color: #B8733A; }
.iccv2-mobile-list .iccv2-mobile-combo { color: #3A2317; font-weight: 700; }
.iccv2-mobile-more-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #B8733A; margin: 16px 0 6px; }

/* ---- Mobile nav: grouped pill (accordion, since it has no single destination link) ---- */
.iccv2-mobile-group { border-bottom: 1px solid #F1E9D8; }
.iccv2-mobile-group-toggle { width: 100%; background: none; border: none; color: #2A1B12; font-size: 15px; padding: 10px 4px; display: flex; align-items: center; gap: 10px; text-align: left; transition: color .15s, background .15s; }
.iccv2-mobile-group-toggle:hover { color: #6E1423; background: #FBF3E4; }
.iccv2-mobile-group-toggle i:first-child { color: #B8733A; }
.iccv2-mobile-group-toggle i.bi-chevron-down { margin-left: auto; font-size: 12px; color: #8A7862; transition: transform .15s; }
.iccv2-mobile-group.is-open .iccv2-mobile-group-toggle i.bi-chevron-down { transform: rotate(180deg); }
.iccv2-mobile-group-panel { display: none; padding: 0 0 8px 30px; }
.iccv2-mobile-group.is-open .iccv2-mobile-group-panel { display: block; }
.iccv2-mobile-group-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #B8733A; font-weight: 700; margin: 10px 0 4px; }
.iccv2-mobile-group-panel a { display: block; color: #5C4A36; font-size: 13.5px; padding: 7px 4px; border-bottom: none; transition: color .15s; }
.iccv2-mobile-group-panel a:hover { color: #6E1423; background: none; }
.iccv2-mobile-group-panel a.iccv2-mobile-group-viewall { color: #6E1423; font-weight: 700; padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #F1E9D8; }

/* ---------- Hero ---------- */
.iccv2-hero { position: relative; min-height: clamp(360px,58vw,460px); display: flex; align-items: center; overflow: hidden; }
.iccv2-hero-slides { position: absolute; inset: 0; }
.iccv2-hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity .8s ease; }
.iccv2-hero-slide.is-active { opacity: 1; }
.iccv2-hero-overlay { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(20,10,10,0.9) 26%, rgba(20,10,10,0.5) 58%, rgba(20,10,10,0.1) 100%); pointer-events: none; }
.iccv2-hero-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(20,10,10,0.35); border: 1px solid rgba(248,239,221,0.4); color: #F8EFDD; display: flex; align-items: center; justify-content: center; font-size: 16px; z-index: 3; transition: background .15s; }
.iccv2-hero-arrow:hover { background: rgba(20,10,10,0.6); }
.iccv2-hero-arrow-prev { left: 18px; }
.iccv2-hero-arrow-next { right: 18px; }
.iccv2-hero-dots { position: absolute; left: 0; right: 0; bottom: 16px; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.iccv2-hero-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(248,239,221,0.45); border: none; padding: 0; transition: background .15s, transform .15s; }
.iccv2-hero-dot.is-active { background: #EBC65A; transform: scale(1.2); }
.iccv2-hero-inner { position: relative; max-width: 1400px; margin: 0 auto; width: 100%; display: flex; align-items: center; padding: 0 24px; }
.iccv2-hero-content { max-width: 600px; color: #F8EFDD; }
.iccv2-hero-eyebrow { display: flex; align-items: center; gap: 12px; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #EBC65A; margin-bottom: 20px; }
.iccv2-hero-eyebrow span.iccv2-line { width: 28px; height: 1px; background: #EBC65A; }
.iccv2-hero-content h1 { font-family: 'Marcellus', serif; font-size: clamp(32px,4.6vw,56px); line-height: 1.1; margin: 0 0 18px; }
.iccv2-hero-content p { font-size: 16px; line-height: 1.6; color: #E9DAC0; margin: 0 0 30px; max-width: 440px; }
.iccv2-hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; }
.iccv2-btn-solid, .iccv2-btn-outline { padding: 15px 30px; border-radius: 6px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; transition: background .15s, transform .15s; display: inline-block; }
.iccv2-btn-solid { background: #6E1423; color: #F8EFDD; }
.iccv2-btn-solid:hover { background: #87182C; transform: translateY(-2px); }
.iccv2-btn-outline { background: transparent; color: #F8EFDD; border: 1px solid rgba(248,239,221,0.6); }
.iccv2-btn-outline:hover { background: rgba(248,239,221,0.12); transform: translateY(-2px); }

/* ---------- Trust badges ---------- */
.iccv2-trust { background: #FFFDF9; border-bottom: 1px solid #F1E9D8; }
.iccv2-trust-row { max-width: 1400px; margin: 0 auto; padding: 22px 24px; display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.iccv2-trust-item { flex: 1; min-width: 150px; display: flex; align-items: center; gap: 10px; padding: 6px; }
.iccv2-trust-item i { font-size: 22px; color: #B8733A; }
.iccv2-trust-title { font-size: 13px; font-weight: 700; color: #3A2317; }
.iccv2-trust-subtitle { font-size: 11.5px; color: #8A7862; }

/* ---------- Section heading ---------- */
.iccv2-section-title { font-family: 'Marcellus', serif; font-size: clamp(22px,2.6vw,28px); color: #4A0E18; margin: 0 0 32px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 16px; letter-spacing: 0.03em; }
.iccv2-section-title i { color: #C9A227; font-size: 16px; }

/* ---------- Shop by category ---------- */
.iccv2-cat-section { max-width: 1400px; margin: 0 auto; padding: 52px 24px; text-align: center; }
.iccv2-cat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.iccv2-cat-item { color: #2A1B12; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0 auto; }
.iccv2-cat-circle { position: relative; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 1px solid #E7D6AE; box-shadow: 0 6px 16px rgba(74,14,24,0.1); transition: transform .2s, box-shadow .2s; }
.iccv2-cat-item:hover .iccv2-cat-circle { transform: translateY(-4px) scale(1.04); box-shadow: 0 12px 26px rgba(74,14,24,0.2); }
.iccv2-cat-circle img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.iccv2-cat-name { font-size: 12.5px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; }

@media (max-width: 520px) {
  .iccv2-cat-grid { grid-template-columns: repeat(2,1fr); }
}
@media (min-width: 1360px) {
  .iccv2-cat-grid { display: flex; flex-wrap: nowrap; justify-content: center; gap: 20px; }
  .iccv2-cat-item { width: 110px; }
}

/* ---------- Best sellers ---------- */
.iccv2-bestsellers { background: #FBF3E4; padding: 56px 24px; }
.iccv2-carousel-wrap { position: relative; }
.iccv2-carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid #EFE0C0; box-shadow: 0 4px 10px rgba(58,35,23,0.12); z-index: 2; color: #3A2317; transition: background .15s, color .15s; display: flex; align-items: center; justify-content: center; }
.iccv2-carousel-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-carousel-btn-prev { left: -14px; }
.iccv2-carousel-btn-next { right: -14px; }

.iccv2-bestsellers-scroll { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 2px 10px; }
.iccv2-bestsellers-scroll::-webkit-scrollbar { display: none; }
.iccv2-product-card { flex: 0 0 230px; scroll-snap-align: start; background: #fff; border: 1px solid #F1E9D8; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.iccv2-product-card:hover { box-shadow: 0 14px 30px rgba(58,35,23,0.14); transform: translateY(-4px); }
.iccv2-product-media { position: relative; height: 180px; background: #F1E9D8; overflow: hidden; }
.iccv2-product-media img { width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .25s ease; }
.iccv2-product-media.is-loaded img { opacity: 1; }
.iccv2-product-media::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  margin: auto;
  width: 26px; height: 26px;
  border: 3px solid rgba(110,20,35,0.15);
  border-top-color: #6E1423;
  border-radius: 50%;
  animation: iccv2ImgSpin .7s linear infinite;
}
.iccv2-product-media.is-loaded::after { content: none; animation: none; }
@keyframes iccv2ImgSpin { to { transform: rotate(360deg); } }
.iccv2-product-badge { position: absolute; top: 10px; left: 10px; background: #6E1423; color: #F3E3C3; font-size: 8px; letter-spacing: 0.04em; text-transform: uppercase; padding: 5px 5px; border-radius: 5px; z-index: 2; }
.iccv2-product-body { padding: 14px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.iccv2-product-name { font-size: 13.5px; font-weight: 700; color: #2A1B12; line-height: 1.35; }
.iccv2-product-name a { color: inherit; }
.iccv2-product-size { font-size: 11.5px; color: #8A7862; }
.iccv2-product-stars { display: flex; align-items: center; gap: 3px; color: #C9A227; font-size: 11px; }
.iccv2-product-stars span { color: #8A7862; margin-left: 4px; }
.iccv2-product-price { font-size: 16px; font-weight: 700; color: #6E1423; margin: 4px 0 8px; }
.iccv2-product-price .old { font-size: 12px; font-weight: 400; color: #8A7862; text-decoration: line-through; margin-left: 6px; }
.iccv2-product-actions { display: flex; gap: 6px; align-items: center; margin-top: auto; padding-top: 8px; }
.iccv2-product-actions button, .iccv2-product-actions a.icon-btn { width: 32px; height: 32px; border-radius: 6px; background: #FBF3E4; border: 1px solid #EFE0C0; color: #6E1423; flex-shrink: 0; transition: background .15s, color .15s; display: flex; align-items: center; justify-content: center; }
.iccv2-product-actions button:hover, .iccv2-product-actions a.icon-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-product-actions a.wishlist-btn.is-active { background: #6E1423; color: #EBC65A; }
.iccv2-product-actions a.wishlist-btn.is-active:hover { background: #4A0E18; color: #EBC65A; }
.iccv2-add-cart-btn { flex: 1; background: #4A0E18; color: #F3E3C3; border: none; padding: 9px; border-radius: 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; transition: background .15s; }
.iccv2-add-cart-btn:hover { background: #6E1423; }
.iccv2-add-cart-btn:disabled { opacity: .6; cursor: not-allowed; }

/* ---------- Signature collection ---------- */
.iccv2-signature-section { max-width: 1400px; margin: 0 auto; padding: 56px 24px; }
.iccv2-signature-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 18px; }
.iccv2-signature-item { position: relative; border-radius: 10px; overflow: hidden; height: 200px; display: block; box-shadow: 0 0 0 rgba(0,0,0,0); transition: box-shadow .2s; }
.iccv2-signature-item:hover { box-shadow: 0 14px 30px rgba(58,35,23,0.25); }
.iccv2-signature-item img, .iccv2-signature-item .iccv2-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.iccv2-signature-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,10,10,0.85) 20%, rgba(20,10,10,0.05) 60%); pointer-events: none; }
.iccv2-signature-label { position: absolute; left: 14px; right: 14px; bottom: 14px; color: #F8EFDD; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; line-height: 1.3; }
.iccv2-signature-arrow { position: absolute; right: 12px; bottom: 12px; width: 28px; height: 28px; border-radius: 50%; background: #C9A227; color: #3A2317; display: flex; align-items: center; justify-content: center; font-size: 12px; }

/* ---------- Artisan story ---------- */
.iccv2-artisan { background: #F5EAD3; position: relative; overflow: hidden; }
.iccv2-artisan-grid { max-width: 1400px; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); align-items: stretch; min-height: 340px; }
.iccv2-artisan-photo { position: relative; min-height: 280px; }
.iccv2-artisan-photo img, .iccv2-artisan-photo .iccv2-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.iccv2-artisan-content { padding: 56px; display: flex; flex-direction: column; justify-content: center; position: relative; }
.iccv2-artisan-eyebrow { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #B8733A; margin-bottom: 14px; }
.iccv2-artisan-content h2 { font-family: 'Marcellus', serif; font-size: clamp(24px,3vw,32px); margin: 0 0 16px; line-height: 1.25; color: #3A2317; }
.iccv2-artisan-content p { font-size: 14.5px; line-height: 1.7; color: #5C4A36; margin: 0 0 24px; max-width: 420px; }
.iccv2-artisan-features { display: flex; gap: 30px; flex-wrap: wrap; }
.iccv2-artisan-feature { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12px; color: #3A2317; text-align: center; width: 90px; }
.iccv2-artisan-feature i { color: #B8733A; font-size: 20px; }

/* ---------- Sound healing kits ---------- */
.iccv2-kits-section { max-width: 1400px; margin: 0 auto; padding: 56px 24px; }
.iccv2-kits-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 18px; align-items: stretch; }
.iccv2-kit-card { background: #fff; border: 1px solid #F1E9D8; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
.iccv2-kit-media { position: relative; height: 150px; }
.iccv2-kit-media img, .iccv2-kit-media .iccv2-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.iccv2-kit-body { padding: 15px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.iccv2-kit-name { font-size: 14px; font-weight: 700; }
.iccv2-kit-items { font-size: 12px; color: #8A7862; }
.iccv2-kit-price { font-size: 16px; font-weight: 700; color: #6E1423; margin: 4px 0 8px; }
.iccv2-kit-cta { margin-top: auto; text-align: center; background: #C9A227; color: #3A2317; padding: 9px; border-radius: 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; transition: background .15s; }
.iccv2-kit-cta:hover { background: #B8912A; }
.iccv2-kit-delivery { background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.iccv2-kit-delivery i { font-size: 24px; color: #B8733A; }
.iccv2-kit-delivery-title { font-family: 'Marcellus', serif; font-size: 14px; color: #3A2317; text-transform: uppercase; letter-spacing: 0.02em; }
.iccv2-kit-delivery p { font-size: 12.5px; color: #5C4A36; line-height: 1.6; margin: 0; }
.iccv2-kit-delivery a { color: #6E1423; font-size: 12.5px; font-weight: 700; }

/* ---------- Quality / Why choose us ---------- */
.iccv2-quality-section { max-width: 1400px; margin: 0 auto; padding: 56px 24px; text-align: center; }
.iccv2-quality-section .iccv2-section-title { margin-bottom: 10px; }
.iccv2-quality-subtitle { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #8A7862; margin: 0 0 32px; }
.iccv2-quality-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 18px; }
.iccv2-quality-card { border: 1px solid #E7D6AE; border-radius: 14px; padding: 28px 20px 24px; display: flex; flex-direction: column; align-items: center; gap: 10px; background: #FFFDF9; transition: box-shadow .2s, transform .2s; }
.iccv2-quality-card:hover { box-shadow: 0 14px 30px rgba(58,35,23,0.12); transform: translateY(-4px); }
.iccv2-quality-icon { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; margin-bottom: 4px; }
.iccv2-quality-title { font-size: 13.5px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: #3A2317; }
.iccv2-quality-text { font-size: 12.5px; line-height: 1.6; color: #8A7862; }

.iccv2-why-section { background: #241811; padding: 52px 24px; }
.iccv2-why-title { color: #F3E3C3; }
.iccv2-why-title i { color: #C9A227; }
.iccv2-why-grid { max-width: 1400px; margin: 32px auto 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); }
.iccv2-why-item { padding: 4px 20px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; border-left: 1px solid #3E3021; }
.iccv2-why-item:first-child { border-left: none; }
.iccv2-why-icon { width: 52px; height: 52px; object-fit: contain; }
.iccv2-why-title-text { font-size: 13px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: #EBC65A; }
.iccv2-why-text { font-size: 12px; line-height: 1.6; color: #B7A88E; }

@media (max-width: 780px) {
  .iccv2-why-item { border-left: none; border-top: 1px solid #3E3021; padding: 20px; }
  .iccv2-why-item:first-child { border-top: none; }
}

/* ---------- Testimonials ---------- */
.iccv2-testimonials { background: #FFFDF9; padding: 56px 24px; border-top: 1px solid #F1E9D8; border-bottom: 1px solid #F1E9D8; }
.iccv2-testimonials-head { text-align: center; margin-bottom: 32px; }
.iccv2-testimonials-head img { height: 36px; width: auto; margin-bottom: 10px; }
.iccv2-testimonials-stars { color: #C9A227; font-size: 14px; margin-bottom: 10px; }
.iccv2-testimonials-scroll { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 2px 10px; }
.iccv2-testimonials-scroll::-webkit-scrollbar { display: none; }
.iccv2-testimonial-card { flex: 0 0 240px; scroll-snap-align: start; background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 12px; padding: 20px; }
.iccv2-testimonial-stars { color: #C9A227; font-size: 13px; margin-bottom: 10px; }
.iccv2-testimonial-quote { font-size: 13px; line-height: 1.6; color: #3A2317; margin: 0 0 16px; min-height: 64px; }
.iccv2-testimonial-name { font-size: 12.5px; font-weight: 700; color: #4A0E18; }

/* ---------- Learn & heal ---------- */
.iccv2-blog-section { max-width: 1400px; margin: 0 auto; padding: 56px 24px; }
.iccv2-blog-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 18px; }
.iccv2-blog-item { position: relative; display: block; height: 160px; border-radius: 10px; overflow: hidden; }
.iccv2-blog-item img, .iccv2-blog-item .iccv2-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.iccv2-blog-viewall { border: 1px solid #EFE0C0; background: #FBF3E4; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 20px; text-align: center; }
.iccv2-blog-viewall-title { font-size: 13px; font-weight: 700; color: #6E1423; text-transform: uppercase; letter-spacing: 0.03em; }
.iccv2-blog-viewall p { font-size: 12px; color: #5C4A36; line-height: 1.6; margin: 0; }

/* ---------- Newsletter ---------- */
.iccv2-newsletter { background: #5C0F1C; color: #F3E3C3; padding: 34px 24px; }
.iccv2-newsletter-row { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.iccv2-newsletter-title { font-family: 'Marcellus', serif; font-size: 16px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 4px; min-width: 220px; }
.iccv2-newsletter-sub { font-size: 12.5px; color: #E3D2AE; }
.iccv2-newsletter-form { display: flex; gap: 0; flex: 1; min-width: 280px; max-width: 440px; border-radius: 6px; overflow: hidden; }
.iccv2-newsletter-form input { flex: 1; padding: 13px 16px; border: none; font-size: 13px; font-family: 'Karla', sans-serif; }
.iccv2-newsletter-form button { background: #C9A227; color: #3A2317; border: none; padding: 13px 22px; font-size: 12px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; white-space: nowrap; transition: background .15s; }
.iccv2-newsletter-form button:hover { background: #E0B840; }
.iccv2-newsletter-form.iccv2-thanks::after { content: 'Thanks for subscribing!'; padding: 13px 16px; background: #fff; color: #3A2317; font-size: 13px; display: flex; align-items: center; }
.iccv2-newsletter-form.iccv2-thanks input, .iccv2-newsletter-form.iccv2-thanks button { display: none; }
.iccv2-newsletter-perks { display: flex; gap: 26px; flex-wrap: wrap; }
.iccv2-newsletter-perk { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.iccv2-newsletter-perk i { color: #EBC65A; font-size: 16px; }
.iccv2-newsletter-perk strong { display: block; font-weight: 700; }
.iccv2-newsletter-perk span.sub { color: #D8B98A; font-size: 10.5px; }

/* ---------- Footer ---------- */
.iccv2-footer { background: #241811; color: #CBB89A; }
.iccv2-footer-grid { max-width: 1400px; margin: 0 auto; padding: 52px 24px 24px; display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 28px; }
.iccv2-footer-logo { margin-bottom: 14px; background: #F3E3C3; display: inline-block; padding: 8px 14px; border-radius: 8px; }
.iccv2-footer-logo img { height: 38px; width: auto; display: block; }
.iccv2-footer-about p { font-size: 12.5px; line-height: 1.7; color: #B7A88E; max-width: 260px; margin: 0 0 16px; }
.iccv2-footer-social { display: flex; gap: 10px; }
.iccv2-footer-social a { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #4A3A28; display: flex; align-items: center; justify-content: center; color: #CBB89A; font-size: 13px; transition: background .15s, color .15s; }
.iccv2-footer-social a:hover { background: #C9A227; color: #241811; border-color: #C9A227; }
.iccv2-footer-heading { color: #F3E3C3; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }
.iccv2-footer-links a { display: block; color: #B7A88E; font-size: 12.5px; padding: 5px 0; transition: color .15s, padding-left .15s; }
.iccv2-footer-links a:hover { color: #EBC65A; padding-left: 4px; }
.iccv2-footer-contact-row { display: flex; gap: 8px; font-size: 12.5px; color: #B7A88E; margin-bottom: 10px; line-height: 1.5; }
.iccv2-footer-contact-row i { color: #C9A227; margin-top: 2px; }
.iccv2-footer-payments { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.iccv2-footer-payments span { background: #fff; border-radius: 5px; padding: 6px 9px; font-size: 11px; font-weight: 700; }
.iccv2-footer-secure { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: #B7A88E; }
.iccv2-footer-secure i { color: #C9A227; }
.iccv2-footer-bottom { border-top: 1px solid #3E3021; padding: 16px 24px; text-align: center; font-size: 12px; color: #8A7862; }

/* ---------- Generic image placeholder (no backend equivalent yet) ---------- */
.iccv2-placeholder {
  display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px;
  background: linear-gradient(135deg, #F5EAD3 0%, #EFE0C0 100%);
  color: #9C7B4E; font-size: 11px; letter-spacing: 0.03em; line-height: 1.5;
}
.iccv2-placeholder i { display: block; font-size: 20px; margin-bottom: 6px; color: #C9A227; }

/* ---------- Add-to-cart toast ---------- */
.iccv2-toast {
  display: none; position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%);
  background: #241811; color: #F3E3C3; padding: 12px 22px; border-radius: 8px; font-size: 13px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25); z-index: 500; max-width: 90vw; text-align: center;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .iccv2-mobile-toggle { display: flex; }
  .iccv2-search, .iccv2-account-nav, .iccv2-navrow-outer { display: none; }
}
@media (min-width: 901px) {
  .iccv2-mobile-overlay, .iccv2-mobile-panel { display: none; }
}
@media (max-width: 640px) {
  .iccv2-artisan-content { padding: 32px 24px; }
  .iccv2-newsletter-row { justify-content: center; text-align: center; }
  .iccv2-newsletter-perks { justify-content: center; }
}

/* ==========================================================================
   Shop / product grid (category listing + single-product view — both render
   resources/views/front/product/category.blade.php). Scoped to .iccv2-shop.
   Reuses the .iccv2-product-card component from the homepage bestsellers rail.
   ========================================================================== */
.iccv2-shop, .iccv2-shop * { box-sizing: border-box; }
.iccv2-shop { background: #FBF7F0; font-family: 'Karla', sans-serif; color: #2A1B12; }
.iccv2-shop a { text-decoration: none; }
.iccv2-shop ul { margin: 0; padding: 0; list-style: none; }

.iccv2-shop-banner.product-content-box-outr { position: relative; }
.iccv2-shop-banner .product-page-baner-outr { line-height: 0; }
.iccv2-shop-banner .product-page-baner-outr img { width: 100%; display: block; }

.iccv2-shop-main { padding: 36px 0 64px; }

.iccv2-shop-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.iccv2-shop-breadcrumb .breadcrumb { background: none; margin: 0; padding: 0; font-size: 12.5px; }
.iccv2-shop-breadcrumb .breadcrumb-item a { color: #8A7862; }
.iccv2-shop-breadcrumb .breadcrumb-item a:hover { color: #6E1423; }
.iccv2-shop-breadcrumb .breadcrumb-item.active { color: #4A0E18; font-weight: 600; }
.iccv2-shop-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #C9A227; }
.iccv2-shop-count.listing-product-name { margin: 0; font-size: 12.5px; color: #8A7862; letter-spacing: 0.02em; }
.iccv2-shop-count span { color: #6E1423; font-weight: 700; }

.iccv2-shop-intro.product-content-box-text-outr { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid #EADFC8; }
.iccv2-shop-intro h1 { font-family: 'Marcellus', serif; font-size: clamp(24px,3vw,32px); color: #4A0E18; margin: 0 0 10px; }
.iccv2-shop-intro .iccv2-shop-desc { font-size: 13.5px; line-height: 1.7; color: #5C4A36; max-width: 900px; }

/* ---- Filter sidebar ---- */
.iccv2-filter-card.product-sidebar-outr { background: #FFFDF9 !important; border: 1px solid #EADFC8; border-radius: 14px; padding: 20px; box-shadow: 0 6px 20px rgba(74,14,24,0.06); }
.iccv2-filter-head.product-sidebar-heading { display: flex !important; align-items: center; gap: 10px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #EADFC8; background: none !important; position: static !important; padding-left: 0 !important; padding-right: 0 !important; }
.iccv2-filter-head i { color: #C9A227 !important; font-size: 16px; }
.iccv2-filter-head h4 { font-family: 'Marcellus', serif; font-size: 16px !important; color: #4A0E18 !important; margin: 0 !important; }

.iccv2-accordion .accordion-item { background: none; border: none; border-bottom: 1px solid #F1E9D8; margin-top: 0 !important; }
.iccv2-accordion .accordion-item:last-child { border-bottom: none; }
.iccv2-accordion .accordion-button { background: #FBF3E4 !important; color: #3A2317 !important; font-size: 12.5px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; padding: 12px 14px !important; box-shadow: none !important; border-radius: 8px; }
.iccv2-accordion .accordion-button:not(.collapsed) { color: #6E1423 !important; }
.iccv2-accordion .accordion-button i.bi-plus-lg { font-size: 11px; color: #B8733A; }
.iccv2-accordion .accordion-button:not(.collapsed) i.bi-plus-lg { color: #6E1423; }
.iccv2-accordion .accordion-body { padding: 10px 4px 16px; }
.iccv2-accordion .check-box-inner { margin-bottom: 4px; }
.iccv2-accordion .form-check { display: flex; align-items: center; gap: 9px; }
.iccv2-accordion .form-check-input { width: 16px; height: 16px; margin: 0; border: 1px solid #D8C9A8; accent-color: #6E1423; }
.iccv2-accordion .form-check-input:checked { background-color: #6E1423; border-color: #6E1423; }
.iccv2-accordion .form-check-label { font-size: 12.5px; color: #5C4A36; }

.iccv2-mobile-filter-btn { display: none; width: 100%; align-items: center; justify-content: center; gap: 8px; background: #4A0E18; color: #F3E3C3; border: none; border-radius: 8px; padding: 12px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 18px; }

/* ---- Product grid (reuses .iccv2-product-card from the homepage) ---- */
.iccv2-shop-grid { margin: 0 -10px; }
.iccv2-shop-col { padding: 0 10px; display: flex; animation: iccv2CardIn .4s ease both; }
.iccv2-product-card--grid { width: 100%; flex: none; height: 100%; }

.iccv2-product-color-dot { display: inline-flex; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; border: 1px solid #EFE0C0; vertical-align: -3px; margin-left: 4px; }
.iccv2-product-color-dot img { width: 100%; height: 100%; object-fit: cover; }

.iccv2-shop-empty { padding: 60px 20px; color: #8A7862; }
.iccv2-shop-empty i { font-size: 34px; color: #C9A227; display: block; margin-bottom: 12px; }
.iccv2-shop-empty h3 { font-family: 'Marcellus', serif; color: #4A0E18; font-size: 20px; margin: 0 0 6px; }
.iccv2-shop-empty p { font-size: 13px; margin: 0; }

/* ---- Themed spinner (shared building block) ---- */
@keyframes iccv2Spin { to { transform: rotate(360deg); } }
@keyframes iccv2FadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes iccv2CardIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes iccv2SpinSvg { to { transform: rotate(360deg); } }
@keyframes iccv2Dash {
    0% { stroke-dasharray: 1 150; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 90 150; stroke-dashoffset: -35; }
    100% { stroke-dasharray: 90 150; stroke-dashoffset: -124; }
}
.iccv2-spinner-svg { width: 34px; height: 34px; display: inline-block; animation: iccv2SpinSvg 1.4s linear infinite; }
.iccv2-spinner-svg .iccv2-spinner-track { fill: none; stroke: #EFE0C0; stroke-width: 4; }
.iccv2-spinner-svg .iccv2-spinner-arc { fill: none; stroke: #6E1423; stroke-width: 4; stroke-linecap: round; animation: iccv2Dash 1.4s ease-in-out infinite; }

/* ---- Site-wide AJAX loader overlay (#showLoader) ---- */
.iccv2-loader-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 99999; background: rgba(42,27,18,0.45); animation: iccv2FadeIn .15s ease; }
.iccv2-loader-card { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #FFFDF8; border: 1px solid #EFE0C0; border-radius: 14px; padding: 28px 34px; min-width: 220px; text-align: center; box-shadow: 0 20px 45px rgba(42,27,18,0.25); }
.iccv2-loader-card .iccv2-spinner-svg { width: 44px; height: 44px; margin: 0 auto 12px; }
.iccv2-loader-text { font-family: 'Marcellus', serif; color: #4A0E18; font-size: 15px; letter-spacing: 0.02em; margin-bottom: 4px; }
.iccv2-loader-msg { font-size: 12px; color: #8A7862; }
.iccv2-loader-msg:empty { display: none; }

/* ---- Shop grid: overlay loader for filter/sort changes ---- */
.iccv2-grid-wrap { position: relative; }
.iccv2-grid-loading { position: absolute; inset: 0; background: rgba(255,253,248,0.88); display: flex; justify-content: center; z-index: 5; border-radius: 14px; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.iccv2-grid-loading.active { opacity: 1; pointer-events: all; }
.iccv2-grid-loading-inner { position: sticky; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; }
.iccv2-grid-loading span { font-size: 11.5px; color: #8A7862; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 700; }

/* ---- Shop grid: infinite scroll "load more" + end message ---- */
.iccv2-load-more { display: none; align-items: center; justify-content: center; gap: 10px; padding: 26px 0 6px; color: #8A7862; font-size: 12px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; }
.iccv2-load-more.active { display: flex; }
.iccv2-load-more .iccv2-spinner-svg { width: 22px; height: 22px; }
.iccv2-end-msg { display: none; text-align: center; padding: 22px 0 4px; color: #C9A227; font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; }
.iccv2-end-msg.active { display: block; }

/* ---- Shop head: sort dropdown (sticks below the sticky site header on scroll) ---- */
.iccv2-shop-head-right { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; position: sticky; top: var(--iccv2-header-h, 92px); z-index: 20; background: #FBF7F0; padding: 10px 0; border-bottom: 1px solid #EADFC8; }
.iccv2-sort { display: flex; align-items: center; gap: 8px; }
.iccv2-sort > label { font-size: 11.5px; color: #8A7862; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 600; white-space: nowrap; }

.iccv2-sort-toggle { position: relative; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #EFE0C0; border-radius: 8px; padding: 8px 12px; font-size: 12.5px; color: #3A2317; font-weight: 600; cursor: pointer; transition: border-color .15s, box-shadow .15s; user-select: none; }
.iccv2-sort-toggle:hover, .iccv2-sort-toggle.is-open { border-color: #6E1423; }
.iccv2-sort-toggle.is-open { box-shadow: 0 6px 16px rgba(110,20,35,0.1); }
.iccv2-sort-toggle i.bi-chevron-down { font-size: 10px; color: #6E1423; transition: transform .15s; }
.iccv2-sort-toggle.is-open i.bi-chevron-down { transform: rotate(180deg); }

.iccv2-sort-menu {
  /* position:fixed (not absolute) is required: this sits inside <section class="iccv2-shop-main">,
     and site-wide CSS sets overflow-X:clip on all <section> elements, which per the overflow spec
     forces the other axis to 'auto' too — clipping an absolutely-positioned descendant that renders
     outside that box (most visible on mobile). Fixed positioning escapes the clipping entirely;
     JS sets top/left/right on open (see initSortDropdown in category.blade.php). */
  display: none; position: fixed; top: 0; left: 0; min-width: 200px; background: #FFFDF9; border: 1px solid #EFE0C0; border-top: 2px solid #C9A227; border-radius: 10px; box-shadow: 0 16px 34px rgba(58,35,23,0.16); padding: 6px; z-index: 130; animation: iccFadeDown .15s ease;
}
.iccv2-sort-toggle.is-open .iccv2-sort-menu { display: block; }
.iccv2-sort-item { display: block; padding: 9px 12px; border-radius: 8px; font-size: 12.5px; font-weight: 500; color: #3A2317; white-space: nowrap; transition: background .15s, color .15s; }
.iccv2-sort-item:hover { background: #FBF3E4; color: #6E1423; }
.iccv2-sort-item.is-active { color: #6E1423; font-weight: 700; background: #FBF3E4; }

/* ---- Legacy filter-drawer toggle tab: repurposed as the drawer's close button ---- */
.iccv2-shop .catgres { display: none; }

@media (max-width: 991.98px) {
  .iccv2-mobile-filter-btn { display: flex; }
  .iccv2-filter-card.product-sidebar-outr { border-radius: 0; height: 100%; box-shadow: none; }
  .iccv2-shop .catgres {
    display: flex; align-items: center; justify-content: center;
    position: absolute; top: 14px; right: 14px; left: auto; bottom: auto;
    width: 36px; height: 36px; border-radius: 8px;
    background: #6E1423; color: #F3E3C3; font-size: 14px;
    padding: 0; z-index: 5;
  }
}

/* ==========================================================================
   Product details (PDP) — resources/views/front/product/products.blade.php.
   Scoped to .iccv2-pdp, nested inside .iccv2-shop so the base reset/type
   rules above already apply. Reuses .iccv2-product-card for the similar-
   products rail and .iccv2-section-title for section headings.
   ========================================================================== */
.iccv2-pdp-bread { padding: 18px 0 0; }
.iccv2-pdp-main { padding: 18px 0 12px; }
.iccv2-pdp-gallery-col, .iccv2-pdp-info-col { margin: 18px 0; }

@keyframes iccv2PdpRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.iccv2-pdp-gallery-col { animation: iccv2PdpRise .45s ease both; }
.iccv2-pdp-info-col { animation: iccv2PdpRise .45s ease .08s both; }
.iccv2-pdp-details-outr .iccv2-pdp-spec-card { animation: iccv2PdpRise .45s ease both; }
.iccv2-pdp-similar-outr .owl-carousel .item { animation: iccv2PdpRise .4s ease both; }
@media (prefers-reduced-motion: reduce) {
  .iccv2-pdp-gallery-col, .iccv2-pdp-info-col, .iccv2-pdp-details-outr .iccv2-pdp-spec-card, .iccv2-pdp-similar-outr .owl-carousel .item { animation: none; }
}

/* ---- Gallery ---- */
.iccv2-pdp-gallery { position: relative; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 16px; padding: 18px; box-shadow: 0 6px 20px rgba(74,14,24,0.06); }
.iccv2-pdp-code-tag { position: absolute; top: 30px; left: 30px; background: #4A0E18; color: #F3E3C3; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; padding: 6px 12px; border-radius: 999px; z-index: 3; }
.iccv2-pdp-gallery #sync1 { border-radius: 12px; overflow: hidden; }
.iccv2-pdp-gallery #sync1 .item { display: flex !important; align-items: center; justify-content: center; min-height: 380px; background: #FBF7F0; border-radius: 12px; }
.iccv2-pdp-gallery #sync1 .item img { max-height: 420px; width: auto; max-width: 100%; object-fit: contain; margin: 0 auto; }
.iccv2-pdp-gallery #sync1 .item iframe { width: 100%; height: 420px; border-radius: 12px; border: none; }
.iccv2-pdp-gallery #sync2 { margin-top: 16px; }
.iccv2-pdp-gallery #sync2 .item { height: 82px; border: 2px solid #F1E9D8; border-radius: 10px; overflow: hidden; cursor: pointer; display: flex !important; align-items: center; justify-content: center; background: #FBF7F0; transition: border-color .15s; }
.iccv2-pdp-gallery #sync2 .owl-item.current .item { border-color: #C9A227; }
.iccv2-pdp-gallery #sync2 .item img { width: 100%; height: 100%; object-fit: cover; }
.iccv2-pdp-gallery #sync2 .item i.fa-youtube { color: #6E1423; }
.iccv2-pdp-gallery .owl-nav button.owl-prev, .iccv2-pdp-gallery .owl-nav button.owl-next {
  width: 34px; height: 34px; border-radius: 50%; background: #fff !important; border: 1px solid #EFE0C0;
  color: #3A2317 !important; display: flex !important; align-items: center; justify-content: center;
  box-shadow: 0 4px 10px rgba(58,35,23,0.14); font-size: 13px;
}
.iccv2-pdp-gallery .owl-nav button:hover { background: #6E1423 !important; color: #F3E3C3 !important; }
/* Neutralize the legacy fixed 56vh zoom-link height (public/assets/css/style.css
   ".prdct-slider-outr #sync1 .item .clickzoom") — the gallery card kept the
   .prdct-slider-outr wrapper class for its other owl-flex layout fixes. */
.iccv2-pdp-gallery #sync1 .item .clickzoom { height: auto !important; width: 100%; display: flex; align-items: center; justify-content: center; }
.iccv2-pdp-zoom-hint { position: absolute; top: 30px; right: 30px; z-index: 3; background: rgba(36,24,17,0.72); color: #F3E3C3; font-size: 11px; font-weight: 600; letter-spacing: 0.02em; padding: 6px 12px; border-radius: 999px; display: flex; align-items: center; gap: 6px; opacity: 0; transform: translateY(-4px); transition: opacity .2s, transform .2s; pointer-events: none; }
.iccv2-pdp-gallery:hover .iccv2-pdp-zoom-hint { opacity: 1; transform: translateY(0); }
@media (max-width: 767px) { .iccv2-pdp-zoom-hint { display: none; } }

/* ---- Info column ---- */
.iccv2-pdp-title { font-family: 'Marcellus', serif; font-size: clamp(22px,2.6vw,30px); color: #4A0E18; line-height: 1.25; margin: 0 0 8px; }
.iccv2-pdp-title .iccv2-pdp-code { display: block; font-family: 'Karla', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: #B8733A; text-transform: uppercase; margin-top: 8px; }
.iccv2-pdp-desc-label { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #8A7862; margin: 20px 0 8px; }
.iccv2-pdp-rich { font-size: 13.5px; line-height: 1.75; color: #5C4A36; }
.iccv2-pdp-rich ul { list-style: disc; padding-left: 20px; margin: 0 0 10px; }
.iccv2-pdp-rich ol { list-style: decimal; padding-left: 20px; margin: 0 0 10px; }
.iccv2-pdp-rich li { margin-bottom: 4px; }
.iccv2-pdp-rich p:last-child { margin-bottom: 0; }

/* ---- Sound player ---- */
.iccv2-pdp-sound { margin-top: 22px; border: 1px solid #F1E9D8; border-radius: 12px; padding: 16px; background: #FBF3E4; }
.iccv2-pdp-sound-label { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6E1423; display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.iccv2-pdp-sound-label i { color: #C9A227; }
.audio-player { background: #fff; border: 1px solid #EFE0C0; border-radius: 10px; padding: 10px 14px; display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.audio-player:last-child { margin-bottom: 0; }
.audio-player .controls { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.audio-player .play-container { flex-shrink: 0; }
.audio-player .toggle-play { width: 30px; height: 30px; border-radius: 50%; background: #6E1423; position: relative; flex-shrink: 0; cursor: pointer; }
.audio-player .toggle-play.play::before { content: ''; position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%); border-style: solid; border-width: 6px 0 6px 9px; border-color: transparent transparent transparent #F3E3C3; }
.audio-player .toggle-play.pause::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 8px; height: 10px; border-left: 3px solid #F3E3C3; border-right: 3px solid #F3E3C3; box-sizing: content-box; }
.audio-player .timeline { flex: 1; height: 5px; background: #F1E9D8; border-radius: 4px; cursor: pointer; position: relative; min-width: 40px; }
.audio-player .progress { position: absolute; inset: 0; width: 0; background: #C9A227; border-radius: 4px; }
.audio-player .time { font-size: 11px; color: #8A7862; display: flex; align-items: center; gap: 3px; white-space: nowrap; flex-shrink: 0; }
.audio-player .name { font-size: 12px; font-weight: 600; color: #3A2317; white-space: nowrap; max-width: 110px; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; }
.audio-player .volume-container { display: flex; align-items: center; gap: 6px; position: relative; flex-shrink: 0; }
.audio-player .volume-button { cursor: pointer; color: #B8733A; font-size: 14px; }
.audio-player .volume-slider { width: 46px; height: 4px; background: #F1E9D8; border-radius: 4px; position: relative; }
.audio-player .volume-percentage { position: absolute; inset: 0; width: 75%; background: #B8733A; border-radius: 4px; }
@media (max-width: 480px) {
  .audio-player { flex-wrap: wrap; }
  .audio-player .volume-container { display: none; }
}

/* ---- Colors ---- */
.iccv2-pdp-colors-outr { margin-top: 22px; }
.iccv2-pdp-colors { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; }
.iccv2-pdp-color-item { width: 66px; text-align: center; }
.iccv2-pdp-color-swatch { display: block; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; border: 2px solid #EFE0C0; margin: 0 auto 6px; transition: border-color .15s, transform .15s; }
.iccv2-pdp-color-item:hover .iccv2-pdp-color-swatch { transform: translateY(-2px); }
.iccv2-pdp-color-item.is-active .iccv2-pdp-color-swatch { border-color: #6E1423; box-shadow: 0 0 0 2px rgba(110,20,35,0.15); }
.iccv2-pdp-color-swatch img { width: 100%; height: 100%; object-fit: cover; }
.iccv2-pdp-color-name { font-size: 11px; color: #5C4A36; font-weight: 600; }
.iccv2-pdp-color-item.is-active .iccv2-pdp-color-name { color: #6E1423; }

/* ---- Buy card ---- */
.iccv2-pdp-buy-card { margin-top: 24px; background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 14px; padding: 20px; }
.iccv2-pdp-price-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dashed #E7D2A0; }
.iccv2-pdp-price-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #8A7862; margin-bottom: 4px; }
.iccv2-pdp-price { font-size: 26px; font-weight: 700; color: #6E1423; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.iccv2-pdp-price .old { font-size: 15px; font-weight: 400; color: #8A7862; text-decoration: line-through; }
.iccv2-pdp-discount-pill { background: #6E1423; color: #F3E3C3; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px; }
.iccv2-pdp-save-line { font-size: 12px; color: #2E7D32; font-weight: 600; margin-top: 6px; }
.iccv2-pdp-stock { font-size: 11.5px; font-weight: 700; color: #2E7D32; background: #E7F4E8; border: 1px solid #C9E4CB; display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; white-space: nowrap; }
.iccv2-pdp-stock.is-out { color: #A32A2A; background: #FAE6E6; border-color: #F0C6C6; }

.iccv2-pdp-buy-row { display: flex; align-items: stretch; gap: 14px; flex-wrap: wrap; }
.iccv2-qty-stepper { display: flex; align-items: stretch; border: 1px solid #EFE0C0; border-radius: 8px; overflow: hidden; background: #fff; }
.iccv2-qty-stepper button { width: 40px; border: none; background: #fff; color: #6E1423; font-size: 13px; transition: background .15s; }
.iccv2-qty-stepper button:hover { background: #F1E9D8; }
.iccv2-qty-stepper input { width: 48px; border: none; border-left: 1px solid #EFE0C0; border-right: 1px solid #EFE0C0; text-align: center; font-size: 14px; font-weight: 700; color: #2A1B12; }
.iccv2-qty-stepper input:focus { outline: none; }
.iccv2-pdp-cart-btn { flex: 1; min-width: 180px; display: flex; align-items: center; justify-content: center; gap: 10px; background: #4A0E18; color: #F3E3C3; border: none; border-radius: 8px; padding: 8px 22px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; transition: background .15s, transform .15s; }
.iccv2-pdp-cart-btn:hover { background: #6E1423; }
.iccv2-pdp-cart-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.iccv2-pdp-cart-btn img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.iccv2-pdp-wishlist-btn { flex: none; width: 48px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #EFE0C0; border-radius: 8px; color: #6E1423; font-size: 18px; transition: background .15s, color .15s, border-color .15s; }
.iccv2-pdp-wishlist-btn:hover { background: #F1E9D8; }
.iccv2-pdp-wishlist-btn.is-active { background: #6E1423; border-color: #6E1423; color: #EBC65A; }
.iccv2-pdp-wishlist-btn.is-active:hover { background: #4A0E18; }

/* ---- Variants ---- */
.iccv2-pdp-variants-card { margin-top: 26px; border: 1px solid #F1E9D8; border-radius: 14px; padding: 20px; background: #FFFDF9; }
.iccv2-pdp-variants-card h5 { font-family: 'Marcellus', serif; font-size: 15px; color: #4A0E18; margin: 0; display: flex; align-items: center; gap: 8px; }
.iccv2-pdp-variants-card h5 i { color: #C9A227; }
.prdct-variant .variant-item { border: 1px solid #F1E9D8; border-radius: 10px; padding: 14px 10px; transition: border-color .15s, box-shadow .15s, background .15s, transform .15s; }
.prdct-variant .variant-item:hover { border-color: #C9A227; box-shadow: 0 8px 18px rgba(58,35,23,0.1); transform: translateY(-3px); }
.prdct-variant .variant-item.is-current { border-color: #6E1423; background: #FBF3E4; }
.prdct-variant .variant-content h5 { font-family: 'Karla', sans-serif; font-size: 12.5px; font-weight: 700; color: #2A1B12; margin: 0; }
.prdct-variant .variant-content p { font-size: 11px; color: #8A7862; margin: 2px 0 0; }
.iccv2-pdp-variants-card .owl-nav button.owl-prev, .iccv2-pdp-variants-card .owl-nav button.owl-next { width: 30px; height: 30px; border-radius: 50%; background: #fff !important; border: 1px solid #EFE0C0; color: #3A2317 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(58,35,23,0.12); font-size: 11px; }
.iccv2-pdp-variants-card .owl-nav button:hover { background: #6E1423 !important; color: #F3E3C3 !important; }
/* .prdct-variant is kept for its legacy owl-flex layout fixes (equal-height
   items); these repeat its exact selector chain (specificity ties, and
   home-v2.css loads after style.css) to shrink the fixed 200px image box
   down to something proportionate for a compact variant tile. */
.prdct-variant .owl-carousel .owl-item .item .variant-item i { height: 110px !important; background: #FBF7F0 !important; border-radius: 8px !important; }
.prdct-variant .owl-carousel .owl-item .item .variant-item i img { max-height: 100% !important; width: auto !important; border-radius: 6px !important; }

/* ---- Shipping timeline ---- */
.iccv2-pdp-shipping.shipping-timeline { margin-top: 22px; display: flex; align-items: flex-start; border: 1px solid #F1E9D8; border-radius: 14px; padding: 20px 14px 16px; background: #FFFDF9; }
.iccv2-pdp-shipping .shipping-step { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
.iccv2-pdp-shipping .shipping-step:not(.last)::after { content: ''; position: absolute; top: 22px; left: 50%; width: 100%; height: 2px; background: repeating-linear-gradient(to right, #C9A227 0, #C9A227 6px, transparent 6px, transparent 12px); z-index: 0; }
.iccv2-pdp-shipping .shipping-icon { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #C9A227; background: #fff; display: flex; align-items: center; justify-content: center; color: #6E1423; font-size: 17px; position: relative; z-index: 1; }
.iccv2-pdp-shipping .shipping-label { font-size: 11.5px; color: #8A7862; margin: 10px 0 2px; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.02em; }
.iccv2-pdp-shipping .shipping-value { font-size: 13px; font-weight: 700; color: #4A0E18; margin: 0; }

/* ---- Details / specification section ---- */
.iccv2-pdp-details-outr { padding: 46px 0; border-top: 1px solid #EADFC8; margin-top: 40px; }
.iccv2-pdp-spec-card { background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 12px; overflow: hidden; margin-bottom: 20px; height: calc(100% - 20px); }
.iccv2-pdp-spec-row { display: flex; gap: 16px; padding: 13px 18px; border-bottom: 1px solid #F1E9D8; }
.iccv2-pdp-spec-row:last-child { border-bottom: none; }
.iccv2-pdp-spec-row h6 { flex: 0 0 160px; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: #6E1423; margin: 0; }
.iccv2-pdp-spec-row p, .iccv2-pdp-spec-row .iccv2-pdp-rich { flex: 1; font-size: 13px; color: #3A2317; margin: 0; }
.iccv2-pdp-spec-color-preview { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 6px; border: 1px solid #EFE0C0; }
.iccv2-pdp-spec-color-preview img { width: 100%; height: 100%; object-fit: cover; }

/* ---- Similar products ---- */
.iccv2-pdp-similar-outr { padding: 10px 0 56px; }
.iccv2-pdp-similar-outr .iccv2-section-title { margin-bottom: 8px; }
.iccv2-pdp-similar-sub { text-align: center; font-size: 12.5px; color: #8A7862; margin: 0 0 32px; }
.iccv2-pdp-similar-outr .owl-carousel .item { padding: 4px; }
.arivally-slider-outr.iccv2-pdp-similar-outr .owl-nav button, .iccv2-pdp-similar-outr .owl-nav button {
  width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #fff !important;
  border: 1px solid #EFE0C0; color: #3A2317 !important; display: flex !important; align-items: center; justify-content: center;
  box-shadow: 0 4px 10px rgba(58,35,23,0.12); font-size: 13px;
  /* Override the legacy "top:-118px" hack (public/assets/css/style.css
     ".arivally-slider-outr .owl-nav button") — it was tuned to the old
     heading block's exact height and, positioned relative to .owl-carousel
     itself (owl.carousel.css sets that to position:relative), landed the
     arrows well above this section once the heading markup changed. Center
     them on the card row instead, matching the gallery/variant carousels. */
  position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; right: auto !important;
}
.iccv2-pdp-similar-outr .owl-nav button.owl-prev { left: -16px !important; }
.iccv2-pdp-similar-outr .owl-nav button.owl-next { right: -16px !important; }
.iccv2-pdp-similar-outr .owl-nav button:hover { background: #6E1423 !important; color: #F3E3C3 !important; }
/* .arivally-slider-outr is kept for its legacy owl-flex layout fixes; this
   repeats its exact selector chain to stretch cards to equal height instead
   of the legacy align-items:center (public/assets/css/style.css). */
.arivally-slider-outr .owl-carousel .owl-item .item { align-items: stretch !important; }

@media (max-width: 991px) {
  .iccv2-pdp-spec-row { flex-direction: column; gap: 4px; }
  .iccv2-pdp-spec-row h6 { flex: none; }
  .iccv2-pdp-spec-card { height: auto; }
}
@media (max-width: 767px) {
  .iccv2-pdp-gallery #sync1 .item { min-height: 280px; }
  .iccv2-pdp-gallery #sync1 .item img { max-height: 280px; }
  .iccv2-pdp-buy-card { padding: 16px; }
  .iccv2-pdp-buy-row { flex-direction: row; flex-wrap: nowrap; gap: 8px; }
  .iccv2-qty-stepper { flex: none; }
  .iccv2-qty-stepper button { width: 30px; }
  .iccv2-qty-stepper input { width: 32px; font-size: 13px; }
  .iccv2-pdp-cart-btn { min-width: 0; padding: 8px 6px; font-size: 10.5px; gap: 5px; letter-spacing: 0.01em; }
  .iccv2-pdp-cart-btn img { width: 15px; height: 15px; }
  .iccv2-pdp-wishlist-btn { width: 38px; font-size: 16px; }
}

/* ==========================================================================
   Cart — resources/views/front/checkout/cart.blade.php, plus its cart_items
   and cart_total partials (re-rendered over AJAX into #cartContent /
   #orderSummary on qty/remove/coupon/logo-upload actions). Scoped to
   .iccv2-cart, nested inside .iccv2-shop so the shared reset, breadcrumb and
   section-title rules above already apply. Reuses .iccv2-qty-stepper and
   .iccv2-pdp-cart-btn from the PDP buy card for the same stepper/CTA look.
   ========================================================================== */
/* overflow:visible overrides the site-wide "section{overflow:hidden}" rule (style.css) —
   that rule turns this <section> into the containing block for any position:sticky
   descendant (per spec, sticky resolves against the nearest ancestor with overflow other
   than visible), which silently offset .iccv2-cart-summary-col away from the left column
   instead of aligning with it against the actual viewport. */
.iccv2-cart-main { padding: 20px 0 64px; overflow: visible; }
.iccv2-cart-bread { margin-bottom: 14px; }

.iccv2-cart-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.iccv2-cart-title { font-family: 'Marcellus', serif; font-size: clamp(22px,2.8vw,30px); color: #4A0E18; margin: 0; display: flex; align-items: center; gap: 12px; }
.iccv2-cart-title i { color: #C9A227; font-size: 22px; }
.iccv2-cart-error { color: #A32A2A; font-size: 12.5px; font-weight: 600; }
.iccv2-cart-error:empty { display: none; }

.iccv2-cart-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 28px; align-items: flex-start; }
@media (max-width: 991px) {
  .iccv2-cart-grid { grid-template-columns: 1fr; }
}

.iccv2-cart-list { display: flex; flex-direction: column; gap: 16px; }

.iccv2-cart-item { display: flex; gap: 18px; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 14px; padding: 18px; box-shadow: 0 6px 18px rgba(74,14,24,0.05); animation: iccv2CardIn .35s ease both; }
.iccv2-cart-item-media { flex: 0 0 130px; width: 130px; height: 130px; border-radius: 10px; overflow: hidden; background: #FBF7F0; border: 1px solid #F1E9D8; display: flex; align-items: center; justify-content: center; }
.iccv2-cart-item-media img { width: 100%; height: 100%; object-fit: contain; }
.iccv2-cart-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.iccv2-cart-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.iccv2-cart-item-info h3 { font-size: 15px; font-weight: 700; color: #2A1B12; margin: 0 0 8px; }
.iccv2-cart-item-info h3 a { color: inherit; }
.iccv2-cart-item-info h3 a:hover { color: #6E1423; text-decoration: underline; }
.iccv2-cart-item-media:hover img { transform: scale(1.04); }
.iccv2-cart-item-media { transition: box-shadow .15s; }
.iccv2-cart-item-media img { transition: transform .2s; }
.iccv2-cart-item-code { color: #B8733A; font-weight: 700; font-size: 11.5px; margin-left: 4px; }
.iccv2-cart-item-specs { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 12px; color: #5C4A36; }
.iccv2-cart-item-specs li span { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; color: #8A7862; font-weight: 700; margin-bottom: 2px; }

.iccv2-cart-remove { flex-shrink: 0; width: 34px; height: 34px; border-radius: 8px; background: #FBF3E4; border: 1px solid #EFE0C0; color: #6E1423; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: background .15s, color .15s; }
.iccv2-cart-remove:hover { background: #6E1423; color: #F3E3C3; }

.iccv2-cart-item-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 12px; border-top: 1px dashed #EFE0C0; }
.iccv2-cart-item-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }

.iccv2-cart-qty.iccv2-qty-stepper { height: 36px; }
.iccv2-cart-qty.iccv2-qty-stepper button { width: 34px; }
.iccv2-cart-qty.iccv2-qty-stepper input { width: 42px; }

.iccv2-cart-customize { display: flex; flex-direction: column; gap: 6px; }
.iccv2-cart-customize-link { font-size: 12px; color: #6E1423; font-weight: 600; }
.iccv2-cart-customize-link span { color: #A32A2A; }
.iccv2-cart-customize-link:hover { text-decoration: underline; }
.iccv2-cart-upload { position: relative; }
.iccv2-cart-upload-btn { display: inline-flex; align-items: center; gap: 6px; background: #FBF3E4; border: 1px solid #EFE0C0; color: #6E1423; font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em; padding: 8px 14px; border-radius: 999px; transition: background .15s, color .15s; }
.iccv2-cart-upload-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-cart-upload-preview { position: relative; display: inline-flex; margin-top: 8px; }
.iccv2-cart-upload-preview img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 1px solid #EFE0C0; }
.iccv2-cart-remove-logo { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 50%; background: #6E1423; color: #F3E3C3; display: flex; align-items: center; justify-content: center; font-size: 10px; cursor: pointer; }

.iccv2-cart-item-price { text-align: right; margin-left: auto; }
.iccv2-cart-item-price .old { display: block; font-size: 12px; color: #8A7862; text-decoration: line-through; }
.iccv2-cart-item-price .cur { font-size: 18px; font-weight: 700; color: #6E1423; }
.iccv2-cart-customize-cost { display: block; font-size: 11px; color: #8A7862; margin-top: 4px; }

.iccv2-cart-note { margin-top: 18px; font-size: 12px; color: #8A7862; background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 10px; padding: 12px 16px; }
.iccv2-cart-note i { color: #C9A227; margin-right: 6px; }
.iccv2-cart-note-link { color: #6E1423; font-weight: 700; }
.iccv2-cart-note-link:hover { text-decoration: underline; }

.iccv2-cart-empty { text-align: center; padding: 64px 20px; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 14px; }
.iccv2-cart-empty i { font-size: 40px; color: #C9A227; display: block; margin-bottom: 14px; }
.iccv2-cart-empty h3 { font-family: 'Marcellus', serif; font-size: 20px; color: #4A0E18; margin: 0 0 8px; }
.iccv2-cart-empty p { font-size: 13px; color: #8A7862; margin: 0 0 22px; }

.iccv2-cart-summary-col { display: flex; flex-direction: column; gap: 16px; position: sticky; top: calc(var(--iccv2-header-h, 92px) + 16px); }
.iccv2-cart-summary-card { background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 14px; padding: 22px; }
.iccv2-cart-summary-head { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.iccv2-cart-summary-head i { color: #C9A227; font-size: 18px; }
.iccv2-cart-summary-head h2 { font-family: 'Marcellus', serif; font-size: 17px; color: #4A0E18; margin: 0; }
.iccv2-cart-summary-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #5C4A36; margin-bottom: 12px; }
.iccv2-cart-summary-row strong { color: #2A1B12; font-weight: 700; }
.iccv2-cart-summary-discount strong { color: #A32A2A; }
.iccv2-cart-summary-total { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; margin: 6px 0 14px; border-top: 1px dashed #E7D2A0; font-size: 14px; font-weight: 700; color: #4A0E18; }
.iccv2-cart-summary-total strong { font-size: 19px; color: #6E1423; }
.iccv2-cart-summary-save { text-align: center; font-size: 12px; font-weight: 600; color: #2E7D32; background: #E7F4E8; border: 1px solid #C9E4CB; border-radius: 999px; padding: 7px 12px; margin-bottom: 16px; }
.iccv2-cart-checkout-btn { width: 100%; }

.iccv2-cart-below { display: flex; flex-direction: column; gap: 14px; }
.iccv2-cart-continue { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #6E1423; }
.iccv2-cart-continue:hover { text-decoration: underline; }
.iccv2-cart-coupon { display: flex; border: 1px solid #EADFC8; border-radius: 999px; overflow: hidden; background: #fff; }
.iccv2-cart-coupon input { flex: 1; min-width: 0; border: none; outline: none; padding: 11px 16px; font-size: 13px; font-family: 'Karla', sans-serif; background: transparent; color: #2A1B12; }
.iccv2-cart-coupon button { background: #4A0E18; color: #F3E3C3; border: none; padding: 0 18px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; white-space: nowrap; transition: background .15s; }
.iccv2-cart-coupon button:hover { background: #6E1423; }

@media (max-width: 767px) {
  .iccv2-cart-item { flex-direction: column; }
  .iccv2-cart-item-media { width: 100%; height: 180px; }
  .iccv2-cart-item-price { text-align: left; margin-left: 0; }
  .iccv2-cart-summary-col { position: static; }
}

/* ==========================================================================
   Checkout — resources/views/front/checkout/checkout.blade.php. Scoped to
   .iccv2-checkout, nested inside .iccv2-shop so the shared reset,
   breadcrumb and section-title rules above already apply. Reuses
   .iccv2-cart-head/.iccv2-cart-title/.iccv2-cart-continue and the
   .iccv2-cart-summary-* order-summary card from the cart page so both
   pages read as one flow.
   ========================================================================== */
/* overflow:visible for the same reason as .iccv2-cart-main above — keeps the sticky
   order-summary column resolving against the viewport instead of this <section>. */
.iccv2-checkout-main { padding: 20px 0 64px; overflow: visible; }

.iccv2-checkout-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 28px; align-items: flex-start; }
@media (max-width: 991px) {
  .iccv2-checkout-grid { grid-template-columns: 1fr; }
}

.iccv2-checkout-form-col { display: flex; flex-direction: column; }
.iccv2-checkout-form { display: flex; flex-direction: column; gap: 32px; }

.iccv2-checkout-card { background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 14px; padding: 22px; box-shadow: 0 6px 18px rgba(74,14,24,0.05); }
.iccv2-checkout-card-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid #F1E9D8; }
.iccv2-checkout-card-title { display: flex; align-items: center; gap: 12px; }
.iccv2-checkout-card-title i { width: 36px; height: 36px; border-radius: 50%; background: #FBF3E4; color: #6E1423; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.iccv2-checkout-card-title h2 { font-family: 'Marcellus', serif; font-size: 17px; color: #4A0E18; margin: 0; }

.iccv2-checkout-login-hint { font-size: 12.5px; color: #5C4A36; display: flex; align-items: center; gap: 6px; }
.iccv2-checkout-login-hint i { color: #C9A227; font-size: 15px; }
.iccv2-checkout-login-hint a { color: #6E1423; font-weight: 700; }
.iccv2-checkout-login-hint a:hover { text-decoration: underline; }

.iccv2-checkout-add-link { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: #6E1423; }
.iccv2-checkout-add-link:hover { text-decoration: underline; }

.iccv2-checkout-check { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: #5C4A36; cursor: pointer; }
.iccv2-checkout-check input { width: 17px; height: 17px; accent-color: #6E1423; margin: 0; flex-shrink: 0; }

.iccv2-checkout-address { background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 10px; padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.iccv2-checkout-address-row { display: flex; gap: 10px; font-size: 13px; color: #3A2317; line-height: 1.6; }
.iccv2-checkout-address-row span { flex: 0 0 90px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #8A7862; padding-top: 2px; }

.iccv2-checkout-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px 20px; }
.iccv2-form-group { display: flex; flex-direction: column; gap: 6px; }
.iccv2-form-label { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #8A7862; }
.iccv2-shop .form-control, .iccv2-shop .form-select { border: 1px solid #EFE0C0; border-radius: 8px; padding: 10px 14px; font-size: 13.5px; font-family: 'Karla', sans-serif; color: #2A1B12; background-color: #fff; transition: border-color .15s, box-shadow .15s; }
.iccv2-shop .form-control:focus, .iccv2-shop .form-select:focus { border-color: #6E1423; box-shadow: 0 0 0 3px rgba(110,20,35,0.1); outline: none; }
.iccv2-shop .form-control::placeholder { color: #B7A88E; }

/* ---- Country dropdown: themed facade over a real (invisible but still "rendered",
   so native `required` validation keeps working) <select> — same look as the header's
   search-category and shop sort dropdowns (.iccv2-search-cat-menu / .iccv2-sort-menu). ---- */
.iccv2-select { position: relative; }
.iccv2-select-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid #EFE0C0; border-radius: 8px; padding: 10px 14px; font-size: 13.5px; font-family: 'Karla', sans-serif; color: #2A1B12; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.iccv2-select-toggle .iccv2-select-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iccv2-select-toggle i.bi-chevron-down { font-size: 10px; color: #6E1423; flex-shrink: 0; transition: transform .15s; }
.iccv2-select.is-open .iccv2-select-toggle { border-color: #6E1423; box-shadow: 0 0 0 3px rgba(110,20,35,0.1); }
.iccv2-select.is-open .iccv2-select-toggle i.bi-chevron-down { transform: rotate(180deg); }
.iccv2-select-native { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; margin: 0; padding: 0; border: none; }

.iccv2-select-menu {
  display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-height: 260px;
  overflow-y: auto; background: #FFFDF9; border: 1px solid #EFE0C0; border-top: 2px solid #C9A227;
  border-radius: 10px; box-shadow: 0 16px 34px rgba(58,35,23,0.16); padding: 6px; z-index: 40;
  animation: iccFadeDown .15s ease; scrollbar-width: thin; scrollbar-color: #D8B979 transparent;
}
.iccv2-select.is-open .iccv2-select-menu { display: block; }
.iccv2-select-menu::-webkit-scrollbar { width: 6px; }
.iccv2-select-menu::-webkit-scrollbar-track { background: transparent; }
.iccv2-select-menu::-webkit-scrollbar-thumb { background: #D8B979; border-radius: 999px; }
.iccv2-select-menu::-webkit-scrollbar-thumb:hover { background: #C9A227; }
.iccv2-select-item { padding: 9px 12px; border-radius: 8px; font-size: 13px; color: #3A2317; cursor: pointer; transition: background .15s, color .15s; }
.iccv2-select-item:hover { background: #FBF3E4; }
.iccv2-select-item.is-active { color: #6E1423; font-weight: 700; background: #FBF3E4; }

@media (max-width: 640px) {
  .iccv2-checkout-fields { grid-template-columns: 1fr; }
}

.iccv2-checkout-address-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; margin-bottom: 18px; }
.iccv2-checkout-address-option { position: relative; display: block; border: 1px solid #F1E9D8; border-radius: 12px; padding: 16px; cursor: pointer; transition: border-color .15s, box-shadow .15s, background .15s; }
.iccv2-checkout-address-option:hover { border-color: #E7D2A0; }
.iccv2-checkout-address-option input { position: absolute; top: 14px; right: 14px; width: 18px; height: 18px; accent-color: #6E1423; margin: 0; }
.iccv2-checkout-address-option:has(input:checked) { border-color: #6E1423; background: #FBF3E4; box-shadow: 0 8px 18px rgba(58,35,23,0.1); }
.iccv2-checkout-address-option-body { display: flex; flex-direction: column; gap: 3px; padding-right: 26px; }
.iccv2-checkout-address-option-body strong { font-size: 13.5px; color: #2A1B12; }
.iccv2-checkout-address-option-body span { font-size: 12px; color: #5C4A36; }
.iccv2-checkout-address-option-body p { font-size: 12px; color: #5C4A36; margin: 2px 0; line-height: 1.5; }
.iccv2-checkout-address-option-tag { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #2E7D32; background: #E7F4E8; border: 1px solid #C9E4CB; padding: 3px 8px; border-radius: 999px; margin-bottom: 8px; width: fit-content; }

.iccv2-checkout-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.iccv2-checkout-actions .iccv2-pdp-cart-btn { flex: none; min-width: 220px; }

.iccv2-checkout-error { background: #FAE6E6; border: 1px solid #F0C6C6; color: #A32A2A; font-size: 12.5px; border-radius: 10px; padding: 12px 16px; }
.iccv2-checkout-error ul { margin: 0; padding-left: 18px; list-style: disc; }

.iccv2-checkout-trust { margin-top: 16px; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.iccv2-checkout-trust-item { display: flex; align-items: flex-start; gap: 12px; }
.iccv2-checkout-trust-item i { font-size: 20px; color: #C9A227; flex-shrink: 0; margin-top: 2px; }
.iccv2-checkout-trust-item strong { display: block; font-size: 12.5px; color: #3A2317; }
.iccv2-checkout-trust-item span { font-size: 11.5px; color: #8A7862; }
.iccv2-checkout-trust-item span a { color: #6E1423; font-weight: 700; }
.iccv2-checkout-trust-item span a:hover { text-decoration: underline; }

@media (max-width: 767px) {
  .iccv2-checkout-actions { flex-direction: column-reverse; align-items: stretch; }
  .iccv2-checkout-actions .iccv2-pdp-cart-btn { width: 100%; justify-content: center; }
}

/* ==========================================================================
   Form pages — login/register/forgot-password (front.auth.*) and the two
   enquiry forms (front.enquiry.contactus / bulkorder). All share the same
   "form card + brand side panel" split layout, so one .iccv2-fp component
   covers every one of them. Nested inside .iccv2-shop for the shared
   reset/type/.form-control rules above.
   ========================================================================== */
.iccv2-fp-main { padding: 48px 0 72px; }
.iccv2-fp-grid { max-width: 1120px; margin: 0 auto; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(74,14,24,0.08); display: grid; grid-template-columns: minmax(0,1fr) 420px; align-items: stretch; }
.iccv2-fp-form-col { padding: 48px; display: flex; flex-direction: column; justify-content: center; }
.iccv2-fp-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #B8733A; font-weight: 700; margin-bottom: 14px; }
.iccv2-fp-eyebrow span.iccv2-line { width: 22px; height: 1px; background: #C9A227; }
.iccv2-fp-title { font-family: 'Marcellus', serif; font-size: clamp(24px,3vw,32px); color: #4A0E18; margin: 0 0 8px; line-height: 1.2; }
.iccv2-fp-sub { font-size: 13px; color: #5C4A36; margin: 0 0 28px; line-height: 1.6; }
.iccv2-fp-sub a { color: #6E1423; font-weight: 700; }
.iccv2-fp-sub a:hover { text-decoration: underline; }
.iccv2-fp-form { display: flex; flex-direction: column; gap: 18px; }
.iccv2-fp-row { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px 20px; }
.iccv2-fp-field { display: flex; flex-direction: column; gap: 6px; }
.iccv2-fp-field-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.iccv2-fp-forgot { font-size: 12px; font-weight: 700; color: #6E1423; }
.iccv2-fp-forgot:hover { text-decoration: underline; }
.iccv2-fp-password { position: relative; }
.iccv2-fp-password .form-control { padding-right: 44px; }
.iccv2-fp-password-toggle { position: absolute; top: 50%; right: 4px; transform: translateY(-50%); width: 32px; height: 32px; background: none; border: none; color: #8A7862; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.iccv2-fp-password-toggle:hover { color: #6E1423; }
.iccv2-fp-terms { font-size: 12px; color: #5C4A36; line-height: 1.6; }
.iccv2-fp-terms a { color: #6E1423; font-weight: 700; }
.iccv2-fp-terms a:hover { text-decoration: underline; }
.iccv2-fp-submit { width: 100%; justify-content: center; margin-top: 4px; }
.iccv2-fp-switch { text-align: center; font-size: 12.5px; color: #5C4A36; margin-top: 22px; }
.iccv2-fp-switch a { color: #6E1423; font-weight: 700; }
.iccv2-fp-switch a:hover { text-decoration: underline; }
.iccv2-fp-error { background: #FAE6E6; border: 1px solid #F0C6C6; color: #A32A2A; font-size: 12.5px; border-radius: 10px; padding: 12px 16px; margin-top: 18px; }
.iccv2-fp-error:empty { display: none; }
.iccv2-fp-error ul { margin: 0; padding-left: 18px; list-style: disc; }

.iccv2-fp-visual { position: relative; background: linear-gradient(165deg,#4A0E18 0%,#6E1423 60%,#87182C 100%); color: #F8EFDD; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 34px; overflow: hidden; }
.iccv2-fp-visual::before { content: ''; position: absolute; inset: -40% -20% auto auto; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(201,162,39,0.22) 0%, transparent 70%); }
.iccv2-fp-visual::after { content: ''; position: absolute; inset: auto auto -30% -20%; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(201,162,39,0.16) 0%, transparent 70%); }
.iccv2-fp-visual img { position: relative; max-width: 78%; max-height: 220px; object-fit: contain; margin-bottom: 26px; filter: drop-shadow(0 14px 24px rgba(20,10,10,0.35)); }
.iccv2-fp-visual h5 { position: relative; font-family: 'Marcellus', serif; font-size: 19px; margin: 0 0 10px; }
.iccv2-fp-visual p { position: relative; font-size: 13px; line-height: 1.7; color: #E9DAC0; margin: 0; max-width: 300px; }
.iccv2-fp-visual-perks { position: relative; display: flex; flex-direction: column; gap: 14px; margin-top: 28px; width: 100%; max-width: 280px; text-align: left; }
.iccv2-fp-visual-perk { display: flex; align-items: center; gap: 12px; font-size: 12.5px; }
.iccv2-fp-visual-perk i { width: 34px; height: 34px; border-radius: 50%; background: rgba(248,239,221,0.12); border: 1px solid rgba(248,239,221,0.25); display: flex; align-items: center; justify-content: center; font-size: 14px; color: #EBC65A; flex-shrink: 0; }

@media (max-width: 900px) {
  .iccv2-fp-grid { grid-template-columns: 1fr; max-width: 560px; }
  .iccv2-fp-visual { display: none; }
  .iccv2-fp-form-col { padding: 36px 26px; }
}
@media (max-width: 560px) {
  .iccv2-fp-row { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Static / info pages — aboutus, whychooseus, faq, privacypolicy,
   termsandconditions, cancellationandrefundpolicy (front.pages.*). Nested
   inside .iccv2-shop.
   ========================================================================== */
.iccv2-info-main { padding: 8px 0 64px; }
.iccv2-info-header { text-align: center; padding: 36px 24px 8px; }
.iccv2-info-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: #B8733A; font-weight: 700; margin-bottom: 12px; }
.iccv2-info-eyebrow span.iccv2-line { width: 22px; height: 1px; background: #C9A227; }
.iccv2-info-header h1 { font-family: 'Marcellus', serif; font-size: clamp(26px,3.4vw,38px); color: #4A0E18; margin: 0 auto 16px; max-width: 720px; }
.iccv2-info-rule { width: 56px; height: 2px; background: #C9A227; margin: 0 auto 8px; }

.iccv2-info-card { max-width: 900px; margin: 28px auto 0; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 16px; padding: 40px 44px; box-shadow: 0 10px 30px rgba(74,14,24,0.05); }
.iccv2-info-body { font-size: 14px; line-height: 1.85; color: #5C4A36; }
.iccv2-info-body h1, .iccv2-info-body h2, .iccv2-info-body h3, .iccv2-info-body h4 { font-family: 'Marcellus', serif; color: #4A0E18; margin: 26px 0 12px; line-height: 1.35; }
.iccv2-info-body h1:first-child, .iccv2-info-body h2:first-child, .iccv2-info-body h3:first-child { margin-top: 0; }
.iccv2-info-body p { margin: 0 0 16px; }
.iccv2-info-body ul, .iccv2-info-body ol { padding-left: 20px; margin: 0 0 16px; }
.iccv2-info-body li { margin-bottom: 6px; }
.iccv2-info-body a { color: #6E1423; font-weight: 700; }
.iccv2-info-body a:hover { text-decoration: underline; }
.iccv2-info-body img { max-width: 100%; border-radius: 10px; margin: 6px 0 18px; }
.iccv2-info-body table { width: 100%; border-collapse: collapse; margin: 6px 0 18px; font-size: 13px; }
.iccv2-info-body table td, .iccv2-info-body table th { border: 1px solid #F1E9D8; padding: 8px 12px; text-align: left; }
.iccv2-info-body table th { background: #FBF3E4; color: #3A2317; }
.iccv2-info-empty { text-align: center; padding: 40px 20px; color: #8A7862; font-size: 13px; }

@media (max-width: 640px) {
  .iccv2-info-card { padding: 26px 22px; }
}

/* ---- FAQ accordion (native <details>, no JS required) ---- */
.iccv2-faq-list { max-width: 900px; margin: 28px auto 0; display: flex; flex-direction: column; gap: 12px; }
.iccv2-faq-item { background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 12px; overflow: hidden; }
.iccv2-faq-item[open] { border-color: #E7D2A0; }
.iccv2-faq-q { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; font-family: 'Marcellus', serif; font-size: 15px; color: #4A0E18; cursor: pointer; }
.iccv2-faq-q::-webkit-details-marker { display: none; }
.iccv2-faq-q i { color: #C9A227; font-size: 13px; transition: transform .2s; flex-shrink: 0; }
.iccv2-faq-item[open] .iccv2-faq-q i { transform: rotate(180deg); }
.iccv2-faq-a { padding: 0 20px 18px; }
.iccv2-faq-a p { font-size: 13.5px; line-height: 1.75; color: #5C4A36; margin: 0; }

/* ==========================================================================
   Order confirmation — resources/views/front/checkout/order_confirmation.blade.php
   ========================================================================== */
.iccv2-confirm-main { padding: 56px 24px 72px; }
.iccv2-confirm-card { max-width: 620px; margin: 0 auto; text-align: center; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 20px; padding: 56px 40px; box-shadow: 0 20px 50px rgba(74,14,24,0.08); }
.iccv2-confirm-icon { width: 76px; height: 76px; border-radius: 50%; background: #E7F4E8; color: #2E7D32; display: flex; align-items: center; justify-content: center; font-size: 34px; margin: 0 auto 24px; }
.iccv2-confirm-card h1 { font-family: 'Marcellus', serif; font-size: clamp(22px,3vw,30px); color: #4A0E18; margin: 0 0 12px; }
.iccv2-confirm-lead { font-size: 14px; color: #5C4A36; margin: 0 0 28px; line-height: 1.7; }
.iccv2-confirm-meta { background: #FBF3E4; border: 1px solid #EFE0C0; border-radius: 12px; padding: 18px 22px; display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; text-align: left; }
.iccv2-confirm-meta-row { display: flex; justify-content: space-between; gap: 14px; font-size: 13px; color: #5C4A36; }
.iccv2-confirm-meta-row strong { color: #4A0E18; }
.iccv2-confirm-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.iccv2-btn-ghost { padding: 13px 26px; border-radius: 8px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; border: 1px solid #EFE0C0; color: #6E1423; background: #fff; transition: background .15s, transform .15s; }
.iccv2-btn-ghost:hover { background: #FBF3E4; transform: translateY(-2px); }

/* ==========================================================================
   Payment — resources/views/front/checkout/payment.blade.php. Reuses
   .iccv2-checkout-* / .iccv2-cart-summary-* components from the checkout
   and cart pages so the flow reads as one continuous journey.
   ========================================================================== */
.iccv2-payment-main { padding: 20px 0 64px; overflow: visible; }
.iccv2-payment-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 28px; align-items: flex-start; }
@media (max-width: 991px) {
  .iccv2-payment-grid { grid-template-columns: 1fr; }
}
.iccv2-payment-form-col { display: flex; flex-direction: column; gap: 24px; }
.iccv2-payment-back { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #6E1423; }
.iccv2-payment-back:hover { text-decoration: underline; }
.iccv2-payment-cta { width: 100%; justify-content: center; padding: 14px 22px; font-size: 13.5px; border: none; }
.iccv2-payment-cta:hover { background: #6E1423; }

/* ==========================================================================
   User account area — front.user.sidebar / profile / orders / address /
   password. Nested inside .iccv2-shop.
   ========================================================================== */
/* overflow:visible overrides the site-wide "section{overflow:hidden}" rule (style.css) — that
   rule turns this <section> into the containing block for the sticky .iccv2-account-sidebar,
   which would resolve its "top" offset against the section instead of the viewport and push it
   down by that offset even at zero scroll. See the same override on .iccv2-cart-main /
   .iccv2-checkout-main above. */
.iccv2-account-main { padding: 28px 0 64px; overflow: visible; }
.iccv2-account-grid { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 28px; align-items: start; }

.iccv2-account-sidebar { background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 16px; padding: 22px; position: sticky; top: calc(var(--iccv2-header-h, 92px) + 16px); }
.iccv2-account-user { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; margin-bottom: 14px; border-bottom: 1px solid #F1E9D8; }
.iccv2-account-avatar { width: 52px; height: 52px; border-radius: 50%; background: #FBF3E4; display: flex; align-items: center; justify-content: center; color: #6E1423; font-size: 20px; flex-shrink: 0; }
.iccv2-account-user-hi { font-size: 11.5px; color: #8A7862; }
.iccv2-account-user-name { font-size: 14.5px; font-weight: 700; color: #2A1B12; }
.iccv2-account-nav-list { display: flex; flex-direction: column; gap: 2px; }
.iccv2-account-nav-list a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 9px; font-size: 13.5px; color: #3A2317; font-weight: 600; transition: background .15s, color .15s; }
.iccv2-account-nav-list a i { width: 18px; text-align: center; color: #B8733A; font-size: 15px; }
.iccv2-account-nav-list a:hover { background: #FBF3E4; color: #6E1423; }
.iccv2-account-nav-list a.is-active { background: #6E1423; color: #F3E3C3; }
.iccv2-account-nav-list a.is-active i { color: #EBC65A; }
.iccv2-account-nav-list a.iccv2-account-logout { color: #A32A2A; }
.iccv2-account-nav-list a.iccv2-account-logout i { color: #A32A2A; }
.iccv2-account-nav-list a.iccv2-account-logout:hover { background: #FAE6E6; }

@media (max-width: 899px) {
  .iccv2-account-grid { grid-template-columns: 1fr; }
  .iccv2-account-sidebar { position: static; padding: 14px; }
  .iccv2-account-user { display: none; }
  .iccv2-account-nav-list { flex-direction: row; overflow-x: auto; gap: 8px; scrollbar-width: none; }
  .iccv2-account-nav-list::-webkit-scrollbar { display: none; }
  .iccv2-account-nav-list a { flex-shrink: 0; white-space: nowrap; }
}

.iccv2-account-card { background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 16px; padding: 26px 28px; box-shadow: 0 6px 18px rgba(74,14,24,0.05); }
.iccv2-account-card + .iccv2-account-card { margin-top: 20px; }
.iccv2-account-card-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #F1E9D8; }
.iccv2-account-card-head h1, .iccv2-account-card-head h2 { font-family: 'Marcellus', serif; font-size: 19px; color: #4A0E18; margin: 0; display: flex; align-items: center; gap: 10px; }
.iccv2-account-card-head h1 i, .iccv2-account-card-head h2 i { color: #C9A227; font-size: 17px; }
.iccv2-account-card-head-actions { display: flex; align-items: center; gap: 10px; }
.iccv2-account-edit-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: #6E1423; background: #FBF3E4; border: 1px solid #EFE0C0; padding: 8px 14px; border-radius: 999px; transition: background .15s, color .15s; }
.iccv2-account-edit-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-account-error { color: #A32A2A; font-size: 12.5px; font-weight: 600; }
.iccv2-account-error:empty { display: none; }

.iccv2-account-fields { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px 20px; }
.iccv2-account-fields .iccv2-form-group input[readonly] { background: transparent; border-color: transparent; padding-left: 0; color: #2A1B12; font-weight: 600; }
@media (max-width: 640px) {
  .iccv2-account-fields { grid-template-columns: 1fr; }
}

.iccv2-account-subhead { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.iccv2-account-subhead h3 { font-size: 14px; font-weight: 700; color: #2A1B12; margin: 0; }
.iccv2-account-add-link { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: #6E1423; }
.iccv2-account-add-link:hover { text-decoration: underline; }

.iccv2-account-address-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 16px; }
.iccv2-account-address-card { position: relative; border: 1px solid #F1E9D8; border-radius: 12px; padding: 18px; background: #FFFDF9; }
.iccv2-account-address-card h5 { font-size: 14px; font-weight: 700; color: #2A1B12; margin: 0 0 8px; }
.iccv2-account-address-card p { font-size: 12.5px; color: #5C4A36; margin: 0 0 4px; line-height: 1.6; }
.iccv2-account-address-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; padding-top: 12px; border-top: 1px dashed #EFE0C0; }
.iccv2-account-address-actions.is-inline { margin: 0; padding: 0; border: none; }
.iccv2-account-icon-btn { width: 32px; height: 32px; border-radius: 8px; background: #FBF3E4; border: 1px solid #EFE0C0; color: #6E1423; display: flex; align-items: center; justify-content: center; font-size: 13px; transition: background .15s, color .15s; }
.iccv2-account-icon-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-account-icon-btn.is-danger:hover { background: #A32A2A; }
/* Neutralize the legacy ".edit-btn i" / ".delete-btn i" background-image sprites (style.css) —
   those classes are kept on this <a> only for their existing JS hooks ($('.edit-btn')/.delete-btn')),
   but the legacy rule targets *any* <i> inside them and was rendering its own pencil/trash PNG
   sprite stacked underneath our Bootstrap Icons glyph in the same box, looking like two
   overlapping icons. */
.iccv2-account-icon-btn i { background: none !important; width: auto !important; height: auto !important; }
.iccv2-account-empty { padding: 40px 20px; text-align: center; color: #8A7862; font-size: 13px; grid-column: 1 / -1; }

.iccv2-account-form-panel { margin-top: 18px; padding-top: 18px; border-top: 1px dashed #EFE0C0; }
.iccv2-account-form-panel h5 { font-family: 'Marcellus', serif; font-size: 15px; color: #4A0E18; margin: 0 0 16px; }
.iccv2-account-form-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.iccv2-account-btn-cancel { background: #fff; border: 1px solid #EFE0C0; color: #5C4A36; padding: 10px 24px; border-radius: 8px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; transition: background .15s; }
.iccv2-account-btn-cancel:hover { background: #F1E9D8; }
.iccv2-account-btn-submit { background: #4A0E18; color: #F3E3C3; border: none; padding: 10px 26px; border-radius: 8px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; transition: background .15s; }
.iccv2-account-btn-submit:hover { background: #6E1423; }

.iccv2-account-password-form { display: flex; flex-direction: column; gap: 18px; max-width: 420px; }

/* ---- Orders ---- */
.iccv2-orders-list { display: flex; flex-direction: column; gap: 16px; }
.iccv2-order-card { border: 1px solid #F1E9D8; border-radius: 14px; padding: 20px 22px; background: #FFFDF9; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; transition: box-shadow .2s; }
.iccv2-order-card:hover { box-shadow: 0 10px 24px rgba(74,14,24,0.08); }
.iccv2-order-card-main { flex: 1; min-width: 220px; }
.iccv2-order-id { font-family: 'Marcellus', serif; font-size: 15px; color: #4A0E18; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.iccv2-order-id i { color: #C9A227; font-size: 14px; }
.iccv2-order-detail-list { font-size: 12.5px; color: #5C4A36; display: flex; flex-direction: column; gap: 4px; }
.iccv2-order-detail-list span { color: #8A7862; font-weight: 700; margin-right: 4px; }
.iccv2-order-card-meta { display: flex; flex-direction: column; gap: 14px; min-width: 150px; }
.iccv2-order-meta-block label { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.04em; color: #8A7862; font-weight: 700; margin-bottom: 3px; }
.iccv2-order-meta-block strong { font-size: 13.5px; color: #2A1B12; }
.iccv2-order-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; padding: 5px 12px; border-radius: 999px; }
.iccv2-order-status.status-received { background: #FBF3E4; color: #9C7B4E; }
.iccv2-order-status.status-processing { background: #E8F0FE; color: #2A5DB0; }
.iccv2-order-status.status-shipped { background: #E7F4E8; color: #2E7D32; }
.iccv2-order-status.status-delivered { background: #DCEFE0; color: #1F6B2C; }
.iccv2-order-status.status-cancelled { background: #FAE6E6; color: #A32A2A; }
.iccv2-order-status.status-default { background: #F1E9D8; color: #5C4A36; }
.iccv2-order-track-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: #6E1423; background: #FBF3E4; border: 1px solid #EFE0C0; padding: 7px 14px; border-radius: 999px; margin-top: 8px; transition: background .15s, color .15s; }
.iccv2-order-track-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-order-card-actions { display: flex; align-items: flex-start; }
.iccv2-order-invoice-btn { background: #4A0E18; color: #F3E3C3; padding: 9px 18px; border-radius: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; transition: background .15s; }
.iccv2-order-invoice-btn:hover { background: #6E1423; color: #F3E3C3; }
.iccv2-orders-empty { text-align: center; padding: 64px 20px; background: #FFFDF9; border: 1px solid #F1E9D8; border-radius: 14px; }
.iccv2-orders-empty i { font-size: 40px; color: #C9A227; display: block; margin-bottom: 14px; }
.iccv2-orders-empty h3 { font-family: 'Marcellus', serif; font-size: 20px; color: #4A0E18; margin: 0 0 8px; }
.iccv2-orders-empty p { font-size: 13px; color: #8A7862; margin: 0; }

@media (max-width: 640px) {
  .iccv2-order-card { flex-direction: column; }
  .iccv2-order-card-actions { width: 100%; }
  .iccv2-order-card-actions .iccv2-order-invoice-btn { width: 100%; justify-content: center; }
}