/* ==========================================================================
   VeryCard 18.4.0 — final layer (loaded last)
   1) Header: no logo wrap on tablets, hamburger up to 1199px, compact desktop nav
   2) Live chat widget: clean layout on every screen + unread badge + typing dots
   3) Admin live-chat inbox
   4) Tablet/iPad layout safety (grids, cards, overflow)
   5) Image fallbacks
   ========================================================================== */

/* ---------- 1. Header ---------- */
@media (max-width:1199px){
  .site-header.site-header-v67{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important}
  .site-header.site-header-v67>.brand{grid-column:1!important;grid-row:1!important;order:0!important;min-width:0!important;justify-self:start!important}
  .site-header.site-header-v67>.head-actions{grid-column:2!important;grid-row:1!important;order:0!important;justify-self:end!important;justify-content:flex-end!important;min-width:0!important}
  .site-header.site-header-v67>.store-nav-toggle,.site-header.site-header-v67>.vc-menu-button-1789{grid-column:3!important;grid-row:1!important;order:0!important;display:grid!important;place-items:center!important}
  .site-header.site-header-v67>#storefront-navigation,.store-nav-backdrop{display:none!important}
  .site-header.site-header-v67 .brand img{max-height:52px!important;width:auto!important;max-width:min(190px,42vw)!important;object-fit:contain!important}
  .site-header.site-header-v67 .head-actions .search-trigger span,.site-header.site-header-v67 .head-actions .account-pill-v67 span{display:none!important}
  .site-header.site-header-v67 .head-actions .search-trigger,.site-header.site-header-v67 .head-actions .account-pill-v67{width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;display:grid!important;place-items:center!important}
  .site-header.site-header-v67 .head-actions .search-trigger svg{width:20px!important;height:20px!important}
}
@media (max-width:420px){
  .site-header.site-header-v67{gap:6px!important;padding-inline:10px!important}
  .site-header.site-header-v67 .brand img{max-height:42px!important;max-width:128px!important}
  .site-header.site-header-v67 .head-actions{gap:6px!important}
}
/* Desktop nav between 1200 and 1439px: same items, tighter spacing so nothing overlaps */
@media (min-width:1200px) and (max-width:1439px){
  .site-header.site-header-v67{gap:12px!important}
  .site-header.site-header-v67 .brand img{max-height:52px!important;width:auto!important}
  #storefront-navigation.store-nav-v963{gap:2px!important;padding:5px!important;min-width:0!important}
  #storefront-navigation.store-nav-v963>a,#storefront-navigation.store-nav-v963 .nav-dropdown-v78>button{padding:0 10px!important;font-size:13px!important;white-space:nowrap!important}
  #storefront-navigation.store-nav-v963>a[href="/about"]{display:none!important}
  #storefront-navigation.store-nav-v963 .nav-blog-v963 i{display:none!important}
  .site-header.site-header-v67 .head-actions .search-trigger span,.site-header.site-header-v67 .head-actions .account-pill-v67 span{display:none!important}
  .site-header.site-header-v67 .head-actions .search-trigger,.site-header.site-header-v67 .head-actions .account-pill-v67{width:46px!important;min-width:46px!important;padding:0!important;justify-content:center!important}
}

/* ---------- 2. Live chat widget ---------- */
.live-chat-v89 .live-chat-launch-v89{position:relative!important;color:var(--chat-text,#fff)!important}
.live-chat-v89 .live-chat-launch-v89 svg{stroke:currentColor!important;fill:none!important}
.vc-chat-badge-184{position:absolute;top:-6px;left:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font:800 12px/22px inherit;text-align:center;box-shadow:0 0 0 3px #fff;pointer-events:none}
.vc-chat-badge-184[hidden]{display:none!important}
.live-chat-v89 .live-chat-panel-v89{display:flex;flex-direction:column!important;background:#fff!important;color:#101828!important;box-shadow:0 30px 80px rgba(15,23,42,.28)!important}
.live-chat-v89 .live-chat-panel-v89>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px!important;min-height:68px!important;box-sizing:border-box!important}
.live-chat-v89 .live-chat-panel-v89>header>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important}
.live-chat-v89 .live-chat-panel-v89>header>div>span:last-child{display:grid!important;gap:3px!important;min-width:0!important}
.live-chat-v89 .live-chat-panel-v89>header b{display:block!important;font-size:15px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-chat-v89 .live-chat-panel-v89>header small{display:block!important;font-size:11.5px!important;line-height:1.5!important;opacity:.85!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-chat-v89 .live-chat-panel-v89>header small i{display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;margin-inline-end:4px!important;vertical-align:middle!important}
.live-chat-v89 .agent-avatar-v89{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;font-weight:900!important;font-size:15px!important}
html body:not(.admin-body) .live-chat-v89 button[data-chat-close]:not(.vc-x){flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;color:inherit!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important}
.live-chat-v89 [data-chat-close] svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2.2!important;fill:none!important}
.live-chat-v89 .chat-messages-v89{flex:1 1 auto!important;min-height:180px!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:16px!important;background:#f6f7fb!important}
.live-chat-v89 .chat-messages-v89 article{max-width:86%!important;padding:10px 13px!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(15,23,42,.06)!important;line-height:1.85!important;font-size:13.5px!important;word-break:break-word!important}
.live-chat-v89 .chat-messages-v89 article p{margin:0!important}
.live-chat-v89 .chat-messages-v89 article small{display:block!important;margin-top:4px!important;font-size:10.5px!important;opacity:.6!important}
.live-chat-v89 .chat-messages-v89 article.bot{align-self:flex-start!important;background:#fff!important;color:#101828!important;border-start-start-radius:6px!important}
.live-chat-v89 .chat-messages-v89 article.agent{align-self:flex-start!important;background:#ecfdf5!important;color:#064e3b!important;border:1px solid #a7f3d0!important;border-start-start-radius:6px!important}
.live-chat-v89 .chat-messages-v89 article.customer{align-self:flex-end!important;background:var(--chat-primary,#6d5dfc)!important;color:#fff!important;border-start-end-radius:6px!important}
.vc-typing-184 p{display:flex!important;gap:4px!important;padding:4px 2px!important}
.vc-typing-184 i{width:7px;height:7px;border-radius:50%;background:#98a2b3;animation:vcTyping184 1s infinite ease-in-out}
.vc-typing-184 i:nth-child(2){animation-delay:.15s}.vc-typing-184 i:nth-child(3){animation-delay:.3s}
@keyframes vcTyping184{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
.live-chat-v89 .chat-suggestions-v89{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;padding:10px 12px!important;border-top:1px solid #eef0f4!important;background:#fff!important;scrollbar-width:none!important}
.live-chat-v89 .chat-suggestions-v89::-webkit-scrollbar{display:none}
html body:not(.admin-body) .live-chat-v89 .chat-suggestions-v89 button:not(.vc-x){flex:0 0 auto!important;height:34px!important;padding:0 13px!important;border-radius:999px!important;border:1px solid #e3e7ef!important;background:#f8fafc!important;color:#1f2937!important;font-size:12.5px!important;font-weight:700!important;white-space:nowrap!important;cursor:pointer!important}
html body:not(.admin-body) .live-chat-v89 .chat-suggestions-v89 button[data-operator-direct]:not(.vc-x){background:var(--chat-primary,#6d5dfc)!important;border-color:transparent!important;color:#fff!important}
html body:not(.admin-body) .live-chat-v89 .chat-suggestions-v89 button[data-operator-direct].waiting:not(.vc-x){background:#fef3c7!important;color:#92400e!important}
.live-chat-v89 [data-chat-form]{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;padding:10px 12px 12px!important;background:#fff!important;border-top:1px solid #eef0f4!important}
.live-chat-v89 [data-chat-form] input{width:100%!important;min-width:0!important;height:46px!important;border-radius:14px!important;border:1px solid #dfe3eb!important;padding:0 14px!important;font-size:16px!important;background:#fff!important;color:#101828!important;box-sizing:border-box!important}
.live-chat-v89 [data-chat-form] input:focus{outline:none!important;border-color:var(--chat-primary,#6d5dfc)!important;box-shadow:0 0 0 3px rgba(109,93,252,.15)!important}
html body:not(.admin-body) .live-chat-v89 [data-chat-form] button:not(.vc-x){width:46px!important;height:46px!important;border-radius:14px!important;border:0!important;padding:0!important;display:grid!important;place-items:center!important;background:var(--chat-primary,#6d5dfc)!important;color:#fff!important;cursor:pointer!important}
.live-chat-v89 [data-chat-form] button svg{width:20px!important;height:20px!important;fill:none!important;stroke:#fff!important;stroke-width:2!important;transform:scaleX(-1)!important}
.live-chat-v89 [data-chat-form].busy button{opacity:.6!important}
/* phones: bottom sheet that never covers the address bar or the keyboard */
@media (max-width:640px){
  .live-chat-v89 .live-chat-panel-v89{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-height:calc(100dvh - 90px)!important;height:min(560px,calc(100dvh - 90px))!important;border-radius:22px!important}
  body.vc-chat-open-184 .live-chat-v89 .live-chat-launch-v89{opacity:0!important;pointer-events:none!important}
  body.vc-chat-open-184{overflow:hidden!important}
}
/* tablets: keep the floating window but give it room */
@media (min-width:641px) and (max-width:1199px){
  .live-chat-v89 .live-chat-panel-v89{width:min(400px,calc(100vw - 40px))!important;max-height:min(620px,calc(100dvh - 130px))!important}
}

/* ---------- 3. Admin live chat inbox ---------- */
.vc-chat-admin-184{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.vc-chat-admin-184>aside{background:#fff;border:1px solid #e6e9f0;border-radius:20px;padding:10px;display:grid;align-content:start;gap:6px;max-height:calc(100vh - 230px);overflow:auto;color:#101828}
.vc-chat-admin-184>aside>a{display:grid!important;gap:4px!important;padding:12px 13px!important;border-radius:14px!important;color:#344054!important;text-decoration:none!important;border:1px solid transparent!important;background:transparent}
.vc-chat-admin-184>aside>a:hover{background:#f5f6fa}
.vc-chat-admin-184>aside>a.active{background:#f1efff!important;border-color:#d9d3ff!important;color:#101828!important}
.vc-chat-admin-184>aside>a b{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;color:#101828}
.vc-chat-admin-184>aside>a b i{font-style:normal;font-size:11px;background:#f59e0b;color:#111;padding:2px 8px;border-radius:999px;flex:0 0 auto}
.vc-chat-admin-184>aside>a span{font-size:12.5px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-chat-admin-184>aside>a small{font-size:11px;color:#98a2b3}
.vc-chat-filter-184{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}
.vc-chat-filter-184 a{display:block;text-align:center;padding:9px;font-size:12.5px;font-weight:700;border-radius:11px;background:#f5f6fa;color:#344054!important;text-decoration:none}
.vc-chat-filter-184 a.on{background:#6d54ed;color:#fff!important}
.vc-chat-empty-184{padding:18px;color:#667085;line-height:2;margin:0}
.vc-chat-thread-wrap-184{display:flex!important;flex-direction:column!important;min-width:0!important;padding:16px!important}
.vc-chat-thread-head-184{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eceff4}
.vc-chat-thread-head-184>div{flex:1 1 auto;display:grid;gap:2px}
.vc-chat-thread-head-184 small{color:#98a2b3}
.vc-chat-thread-head-184 form{margin:0}
.vc-chat-admin-184 .admin-chat-thread-v89{height:min(540px,calc(100vh - 400px));min-height:320px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#f6f7fb}
.vc-chat-admin-184 .admin-chat-thread-v89 article{max-width:78%;padding:10px 13px;border-radius:15px;line-height:1.9;font-size:13.5px;box-shadow:0 2px 6px rgba(15,23,42,.06)}
.vc-chat-admin-184 .admin-chat-thread-v89 article p{margin:2px 0}
.vc-chat-admin-184 .admin-chat-thread-v89 article b{display:block;font-size:11.5px;opacity:.7}
.vc-chat-admin-184 .admin-chat-thread-v89 article small{display:block;font-size:10.5px;opacity:.6;margin-top:3px}
.vc-chat-admin-184 .admin-chat-thread-v89 .customer{align-self:flex-start;background:#fff;color:#101828;border:1px solid #e6e9f0}
.vc-chat-admin-184 .admin-chat-thread-v89 .bot{align-self:flex-start;background:#eef2ff;color:#3730a3}
.vc-chat-admin-184 .admin-chat-thread-v89 .agent{align-self:flex-end;background:#6d54ed;color:#fff}
.vc-chat-admin-184 .admin-chat-reply-v89{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;margin-top:12px}
.vc-chat-admin-184 .admin-chat-reply-v89 textarea{min-height:70px;resize:vertical;border-radius:14px;border:1px solid #dfe3eb;padding:12px;font:inherit}
@media (max-width:900px){.vc-chat-admin-184{grid-template-columns:1fr!important}.vc-chat-admin-184>aside{max-height:280px}.vc-chat-admin-184 .admin-chat-reply-v89{grid-template-columns:1fr}}

/* ---------- 4. Tablet / iPad layout safety ---------- */
html,body{max-width:100%;overflow-x:clip}
img,video,svg,canvas,iframe{max-width:100%}
@media (min-width:700px) and (max-width:1199px){
  /* product grids: 3 columns on iPad portrait, 4 on landscape instead of two huge cards */
  .products-section-v81 .product-grid,.products-section-v85 .product-grid,.catalog-grid-v66,.products-grid-v66,.gift-carousel-page-v132,.catalog-grid-v1817{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .gift-collection-card-v831{min-width:0!important}
}
@media (min-width:1000px) and (max-width:1199px){
  .products-section-v81 .product-grid,.products-section-v85 .product-grid,.catalog-grid-v66,.products-grid-v66,.catalog-grid-v1817{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* ---------- 5. Image fallbacks ---------- */
img.vc-img-fallback-184{object-fit:contain!important;background:linear-gradient(135deg,#eef2ff,#f8fafc)!important}

/* ---------- 6. Admin panel on iPad / tablets: off-canvas sidebar up to 1100px ---------- */
@media (max-width:1100px){
  .admin-wrap{display:block!important;grid-template-columns:none!important}
  .admin-wrap>.admin-nav{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;height:100vh!important;height:100dvh!important;width:min(310px,86vw)!important;max-width:none!important;transform:translateX(105%)!important;transition:transform .25s ease!important;z-index:1000!important;overflow-y:auto!important;margin:0!important}
  .admin-wrap.nav-open>.admin-nav{transform:translateX(0)!important}
  .admin-wrap>.admin-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;width:auto!important;height:auto!important;background:rgba(2,6,23,.5)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:999!important;border:0!important;transition:opacity .2s!important}
  .admin-wrap.nav-open>.admin-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .admin-wrap .nav-toggle{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:12px!important;flex:0 0 auto!important;cursor:pointer!important}
  .admin-wrap>.admin-main{width:auto!important;max-width:100%!important;padding:0 16px 40px!important;margin:0!important;min-width:0!important}
  .admin-main .admin-topbar{flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:0!important;position:relative!important}
  .admin-main table{display:block;max-width:100%;overflow-x:auto}
}

/* ---------- 7. Readability: headings/text that were dark-on-dark ---------- */
.finance-services-home-v13 .finance-services-head-v13 h2,.finance-services-home-v13 .finance-services-head-v13 h2 *{color:#fff!important}
.finance-services-home-v13 .finance-services-head-v13 p{color:rgba(255,255,255,.82)!important}
.finance-services-home-v13 .finance-services-head-v13 a{color:#e0e7ff!important}
.trust-process-v173 h2,.trust-process-v173 h3{color:#fff!important}
.v12-wallet-hero h1,.v12-wallet-hero strong,.v12-wallet-hero b{color:#fff!important}
.service-detail-hero-v75 h1{color:#fff!important}
.v121-service-guide h2,.v121-service-guide h3,.v121-service-guide b{color:#fff!important}
.v121-picker a.active b,.v121-picker a.active strong,.v121-picker a.active h3{color:#fff!important}
.v121-picker a.active small,.v121-picker a.active span,.v121-picker a.active p{color:rgba(255,255,255,.8)!important}
.trust-policy-v169 a.btn,.trust-policy-v169 a[class*="btn"],.trust-policy-v169>a,.trust-policy-v169 div>a{color:#fff!important}
.blog-categories-v177 a.active{color:#fff!important}
.motion-bento-v73 article b,.motion-bento-v73 article h3{color:#101828!important}
.motion-bento-v73 article p,.motion-bento-v73 article small{color:#475467!important}
.motion-bento-v73 .bento-main-v73 span:not([class*=icon]){color:#101828!important}
.motion-bento-v73 .motion-bento-copy p{color:#475467!important}
.motion-bento-v73 .live-status-v73 span{color:#065f46!important}
.product-page-v81 .btn.gold,.product-page-v81 a.btn.gold.order-cta-v966{color:#1a1203!important}
.product-detail-grid-v81 article>span{color:#6d5dfc!important}

/* ---------- 8. Catalog page on phones & tablets ---------- */
.catalog-hero-v1817{grid-template-columns:minmax(0,1fr)!important}
.catalog-hero-v1817>div,.catalog-hero-v1817 h1,.catalog-hero-v1817 p{min-width:0!important;max-width:100%!important}
.catalog-search-v1817{grid-template-columns:minmax(0,1fr) auto!important;max-width:100%!important;min-width:0!important}
.catalog-search-v1817 input{min-width:0!important;width:100%!important}
@media (max-width:1023px){
  .catalog-filters-v1817{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .catalog-filters-v1817 label{min-width:0!important}
  .catalog-filters-v1817 select{width:100%!important;min-width:0!important}
}
@media (max-width:640px){
  .catalog-filters-v1817{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-filters-v1817>button,.catalog-filters-v1817>a{width:100%!important;justify-content:center!important}
  .catalog-popular-v1817{flex-wrap:wrap!important}
  .catalog-popular-v1817>div{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none}
  .catalog-grid-v1817{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .catalog-art-v1817{min-height:0!important;height:auto!important;aspect-ratio:4/3!important;padding:10px!important}
  .catalog-art-v1817 img{width:92%!important;height:auto!important;max-height:none!important;max-width:none!important}
  .catalog-copy-v1817{padding:12px!important}
  .catalog-copy-v1817 h3{font-size:15px!important;line-height:1.6!important}
  .catalog-copy-v1817 footer{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .catalog-copy-v1817 footer em{text-align:center!important}
}

/* ---------- 9. Product page on phones ---------- */
@media (max-width:900px){
  .product-hero.product-hero-v81{grid-template-columns:minmax(0,1fr)!important}
  .product-hero-v81>*{min-width:0!important;max-width:100%!important}
}
@media (max-width:520px){
  .order-flow-v966{flex-wrap:wrap!important;row-gap:8px!important;justify-content:flex-start!important}
  .order-flow-v966>i{display:none!important}
  .order-flow-v966>span{font-size:12px!important}
}

/* ---------- 10. Product options: clear selected state + floating buttons above the buy bar ---------- */
html body:not(.admin-body) .region-options-v113 .region-option-v113:not(.active):not(.vc-x),html body:not(.admin-body) .variant-options-v81 .variant-option-v81:not(.active):not(.vc-x){background:#fff!important;background-image:none!important;color:#1f2937!important;border:1px solid #e3e7ef!important;box-shadow:none!important}
.region-options-v113 .region-option-v113:not(.active) *,.variant-options-v81 .variant-option-v81:not(.active) *{color:#1f2937!important}
.region-options-v113 .region-option-v113:not(.active) small,.variant-options-v81 .variant-option-v81:not(.active) small{color:#667085!important}
.region-options-v113 .region-option-v113.active,.variant-options-v81 .variant-option-v81.active{box-shadow:0 0 0 3px rgba(124,92,255,.25),0 10px 24px rgba(79,70,229,.28)!important;color:#fff!important}
.region-options-v113 .region-option-v113.active *,.variant-options-v81 .variant-option-v81.active *{color:#fff!important}
@media (max-width:900px){
  body:has(.mobile-buybar-v160) .live-chat-v89{bottom:calc(100px + env(safe-area-inset-bottom))!important;inset:auto 14px calc(100px + env(safe-area-inset-bottom)) auto!important}
  body:has(.mobile-buybar-v160) .back-to-top-v87{bottom:calc(100px + env(safe-area-inset-bottom))!important}
}

/* ---------- 11. Home gift cards: price + button never overlap on narrow cards ---------- */
@media (max-width:1199px){
  .gift-copy-v831 footer{flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
  .gift-copy-v831 footer>div{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important}
  .gift-copy-v831 footer>em{flex:1 1 100%!important;justify-content:center!important}
}

/* ==========================================================================
   VeryCard 18.5.0
   ========================================================================== */
/* ---------- 12. Admin sidebar accordion: tidy rows, smooth open/close ---------- */
.admin-nav .admin-nav-group-v89{display:block!important;margin:0 0 8px!important;border-radius:16px!important;overflow:hidden!important}
.admin-nav .admin-nav-group-v89>summary{display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;padding:0 14px!important;list-style:none!important;cursor:pointer!important;user-select:none!important}
.admin-nav .admin-nav-group-v89>summary::-webkit-details-marker{display:none!important}
.admin-nav .admin-nav-group-v89>summary b{flex:1 1 auto!important;text-align:start!important;font-size:14.5px!important}
.admin-nav .admin-nav-group-v89>summary i{font-style:normal!important;transition:transform .2s ease!important;opacity:.7!important}
.admin-nav .admin-nav-group-v89[open]>summary i{transform:rotate(180deg)!important}
.admin-nav .admin-nav-group-v89>div{display:grid!important;gap:4px!important;padding:6px 8px 10px!important;grid-template-columns:1fr!important}
.admin-nav .admin-nav-group-v89:not([open])>div{display:none!important}
.admin-nav .admin-nav-group-v89>div>a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;min-height:42px!important;height:auto!important;padding:8px 12px!important;margin:0!important;border-radius:12px!important;text-align:start!important;font-size:13.5px!important;line-height:1.5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-decoration:none!important;background:transparent;transition:background .15s ease!important}
.admin-nav .admin-nav-group-v89>div>a .nav-icon{flex:0 0 22px!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0!important}
.admin-nav .admin-nav-group-v89>div>a .nav-icon svg{width:18px!important;height:18px!important}
.admin-nav .admin-nav-group-v89>div>a>span:last-child{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-nav .admin-nav-group-v89>div>a:hover{background:rgba(255,255,255,.07)!important}
.admin-nav .admin-nav-group-v89>div>a.active{background:linear-gradient(135deg,#6d54ed,#4f46e5)!important;color:#fff!important;box-shadow:0 8px 20px rgba(79,70,229,.3)!important}
.admin-nav .admin-nav-group-v89>div>a.active::before,.admin-nav .admin-nav-group-v89>div>a.active::after{display:none!important}
.admin-nav .admin-nav-group-v89>div>a:not(.active)::before,.admin-nav .admin-nav-group-v89>div>a:not(.active)::after{display:none!important}

/* ---------- 13. Live chat cleanup toolbar ---------- */
.vc-chat-tools-185{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.vc-chat-tools-185 form{margin:0!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;grid-template-columns:none!important}
.vc-chat-tools-185 form select{width:auto!important;min-width:170px!important}
.vc-chat-tools-185 form button{white-space:nowrap!important;height:40px!important}
.vc-chat-tools-185 select{height:40px;border-radius:11px;border:1px solid #dfe3eb;padding:0 10px;font:inherit;background:#fff}
.vc-chat-tools-185 .btn.danger,.vc-chat-tools-185 button.danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
.vc-chat-tools-185 small{color:#667085}

/* ---------- 14. Real customer reviews ---------- */
.vc-review-cta-185{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.vc-review-cta-185 small{color:#667085}
.reviews-v159 .reviews-grid-v159:empty{display:none}
.vc-review-page-185{max-width:760px;margin-inline:auto}
.vc-review-form-185{padding:22px!important;margin-top:16px}
.vc-review-form-185 form{display:grid;gap:14px}
.vc-review-form-185 label{display:grid;gap:6px;font-weight:700;color:#101828}
.vc-review-form-185 input,.vc-review-form-185 textarea{width:100%;box-sizing:border-box;border:1px solid #dfe3eb;border-radius:14px;padding:12px;font:inherit;font-size:16px;background:#fff;color:#101828}
.vc-review-form-185 textarea{min-height:130px;resize:vertical}
.vc-stars-185{position:relative;overflow:hidden;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.vc-stars-185 input{position:absolute;inset:0 auto auto 0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.vc-stars-185 label{font-size:32px;line-height:1;color:#d0d5dd;cursor:pointer;font-weight:400}
.vc-stars-185 input:checked~label,.vc-stars-185 label:hover,.vc-stars-185 label:hover~label{color:#f5a623}
.vc-review-admin-add-185{display:grid;grid-template-columns:160px 110px minmax(0,1fr) auto;gap:8px;align-items:center}
@media (max-width:760px){.vc-review-admin-add-185{grid-template-columns:1fr}}
.reviews-v159 .reviews-grid-v159{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),360px))!important;justify-content:center!important;gap:16px!important}
/* ==========================================================================
   VeryCard 18.5.2 — homepage polish (appended to vc-1840.css, loaded last)
   1) Hero: richer background, compact mobile hero (actions + quick paths in a row)
   2) Trust strip, categories (#categories) and brands (#brands) built by vc-1852 JS
   3) Gift cards: the new card images fill the card frame (all store pages)
   ========================================================================== */
main.store-home-v66 .vc-hero-1852{background:radial-gradient(900px 520px at 88% -10%,rgba(109,93,252,.55),transparent 60%),radial-gradient(700px 480px at 0% 110%,rgba(20,184,166,.32),transparent 60%),linear-gradient(135deg,#191446 0%,#111a3a 45%,#0b1f2e 100%)!important;isolation:isolate}
main.store-home-v66 .vc-hero-1852 h1{letter-spacing:-.02em;line-height:1.25!important;background:linear-gradient(90deg,#fff 0%,#e9e4ff 55%,#c8a96b 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
main.store-home-v66 .vc-hero-1852 .hero-primary-v84{box-shadow:0 12px 30px rgba(109,93,252,.35)}
main.store-home-v66 .vc-hero-1852 .hero-gift-v84 img{border-radius:14px}
/* hero gallery: exactly one card on screen, full brightness (the rotator in performance-v153.js
   fades the old card out before the new one fades in) */
body:not(.admin-body) .hero-v84 .vc-gallery-1852 .hero-gift-v84{opacity:0!important;visibility:hidden;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))!important;transition:opacity .3s ease,visibility 0s linear .3s!important}
body:not(.admin-body) .hero-v84 .vc-gallery-1852 .hero-gift-v84.vc-on{opacity:1!important;visibility:visible;transition:opacity .3s ease!important;z-index:5}
body:not(.admin-body) .hero-v84 .vc-gallery-1852 .hero-gift-logo-v84 img[src*="/giftcards-real/"],body:not(.admin-body) .hero-v84 .vc-gallery-1852 .hero-gift-logo-v84 img[src*="/brand-covers/"]{transform:scale(1.25) translateY(1.9%)!important}
body:not(.admin-body) .hero-v84 .vc-gallery-1852 .hero-gift-logo-v84:has(img[src*="/giftcards-real/"]),body:not(.admin-body) .hero-v84 .vc-gallery-1852 .hero-gift-logo-v84:has(img[src*="/brand-covers/"]){box-shadow:none!important}
/* "شروع قیمت از": hidden for a moment while the real lowest prices load */
html.vc-prices-loading-1852 [data-product-card] footer strong:not([data-vc-price]),html.vc-prices-loading-1852 .catalog-card-v1817 footer strong:not([data-vc-price]){visibility:hidden}
.vc-from-note-1852{display:block;margin-top:2px;font-size:11px;color:#6b7280;line-height:1.5}
/* amount chips on the cards: larger, darker */
body:not(.admin-body) .gift-values-v831 b{font-size:13px!important;color:#111827!important}
body:not(.admin-body) .gift-values-v831 b small{font-size:11px!important;color:#4b5563!important;opacity:1!important}
/* fix: the secondary hero button had dark text (#111827) on its dark glass background */
body:not(.admin-body) main.store-home-v66 .hero-secondary-v84 span,body:not(.admin-body) main.store-home-v66 .hero-secondary-v84{color:#fff!important}
body:not(.admin-body) main.store-home-v66 .hero-secondary-v84 b{background:rgba(255,255,255,.16)!important;color:#fff!important}

/* fix: the services section heading was dark navy on its dark purple background */
body:not(.admin-body) main.store-home-v66 .finance-services-head-v13 h2{color:#fff!important}

/* --- trust strip --- */
.vc-trust-1852{display:flex;align-items:stretch;gap:14px;margin:-6px 0 8px;padding:14px;border:1px solid var(--gc-line,#e5e7eb);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.06)}
.vc-trust-list-1852{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vc-trust-item-1852{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;color:inherit;text-decoration:none;transition:background .2s}
a.vc-trust-item-1852:hover{background:#f5f3ff}
.vc-trust-item-1852 i,.vc-cat-1852 i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#efecff,#e6f7f5);color:#4338ca}
.vc-trust-item-1852 svg,.vc-cat-1852 svg{width:22px;height:22px}
.vc-trust-item-1852 span,.vc-trust-enamad-1852 span{display:flex;flex-direction:column;gap:3px;min-width:0}
.vc-trust-item-1852 b,.vc-trust-enamad-1852 b{font-size:14px;color:#111827}
.vc-trust-item-1852 small,.vc-trust-enamad-1852 small{font-size:12px;color:#6b7280;line-height:1.6}
.vc-trust-enamad-1852{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-inline-start:1px solid var(--gc-line,#e5e7eb)}
.vc-trust-enamad-1852 img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff}

/* spacing: the default 112px section margin + 70px products padding left ~150px blank bands under
   the trust strip and under the categories on desktop */
main.store-home-v66>.vc-cats-1852,main.store-home-v66>.vc-brands-1852{margin-top:8px!important;margin-bottom:0!important}
main.store-home-v66>#products{padding-top:12px!important}
main.store-home-v66>.vc-trust-1852{margin-bottom:0!important}

/* "شروع قیمت از": readable size; the catalog CTA stays a button under the price */
body:not(.admin-body) [data-product-card] footer strong,body:not(.admin-body) .catalog-card-v1817 footer strong{font-size:17px!important;letter-spacing:0}
body:not(.admin-body) .catalog-card-v1817 footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
body:not(.admin-body) .catalog-card-v1817 .catalog-copy-v1817 footer em{display:flex!important;justify-content:center;align-items:center;min-height:40px;border-radius:12px;background:linear-gradient(90deg,#0b0b1a,#4338ca)!important;color:#fff!important;font-style:normal;font-weight:700;font-size:13px}
/* fix: the product page "افزودن به سبد خرید" button got a dark background from one rule and dark
   text from another (dark on dark, barely visible). Make it the gold button it was meant to be. */
body:not(.admin-body) .product-page-v81 a.btn.gold.order-cta-v966,body:not(.admin-body) .purchase-box-v81 a.btn.order-cta-v966{background:linear-gradient(90deg,#f1bf3f,#ffd45e)!important;color:#1a1203!important}
body:not(.admin-body) .product-page-v81 a.btn.gold.order-cta-v966 *,body:not(.admin-body) .purchase-box-v81 a.btn.order-cta-v966 *{color:#1a1203!important}

/* --- categories --- */
.vc-cats-grid-1852{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.vc-cat-1852{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--gc-line,#e5e7eb);color:#111827;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.vc-cat-1852:hover{transform:translateY(-4px);border-color:#c7c2ff;box-shadow:0 18px 40px rgba(67,56,202,.12)}
.vc-cat-1852 b{font-size:15px}
.vc-cat-1852 small{font-size:12px;color:#6b7280}
.vc-cat-1852>span{position:absolute;top:18px;left:18px;color:#a5a0d8;transition:transform .25s}
.vc-cat-1852:hover>span{transform:translateX(-4px);color:#4338ca}
.vc-cat-1852:nth-child(3n+2) i{background:linear-gradient(135deg,#fff4e0,#fde8ef);color:#b45309}
.vc-cat-1852:nth-child(3n) i{background:linear-gradient(135deg,#e0f2fe,#e6f7f5);color:#0369a1}

/* --- brands --- */
.vc-brands-grid-1852{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.vc-brand-1852{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--gc-line,#e5e7eb);text-decoration:none;color:#111827;transition:transform .25s,box-shadow .25s}
.vc-brand-1852:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.1)}
.vc-brand-img-1852{display:block;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1b1745,#0f2433)}
.vc-brand-img-1852 img{width:100%;height:100%;object-fit:cover;display:block}
.vc-brand-1852 b{font-size:13px;text-align:center}

/* --- gift card faces: the 18.5.2 images are full card photos --- */
/* The images are 900×600 with the card (720×450) centred a little above the middle; zoom them
   so the card itself fills the tile's card frame instead of showing a card inside a card. */
.gift-real-image-v85[src*="/giftcards-real/"],.gift-real-image-v85[src*="/brand-covers/"]{transform:scale(1.25) translateY(1.9%)!important;transform-origin:50% 50%!important}
.hero-gift-logo-v84 img[src*="/giftcards-real/"],.hero-gift-logo-v84 img[src*="/brand-covers/"],.vc-brand-img-1852 img[src*="/giftcards-real/"],.vc-brand-img-1852 img[src*="/brand-covers/"]{transform:scale(1.25) translateY(1.9%);transform-origin:50% 50%}

@media (max-width:1023px){
  .vc-trust-1852{flex-direction:column}
  .vc-trust-list-1852{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vc-trust-enamad-1852{border-inline-start:0;border-top:1px solid var(--gc-line,#e5e7eb);padding:12px 6px 2px}
}
@media (max-width:640px){
  /* compact hero: two buttons side by side, quick paths as a 3-up row */
  body:not(.admin-body) main.store-home-v66 .vc-hero-1852 .hero-actions-v84{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:24px!important}
  main.store-home-v66 .vc-hero-1852 .hero-actions-v84 a{height:50px!important}
  .vc-cats-grid-1852 .vc-cat-1852:last-child:nth-child(odd){grid-column:1/-1}
  /* home gift cards: 2 per row instead of 8 full-screen cards stacked (~6,000px) per slide */
  body:not(.admin-body) .gift-carousel-page-v132{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-square-v831{aspect-ratio:1.2/1!important}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-copy-v831{min-height:0!important;padding:10px 10px 12px!important}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-values-v831,body:not(.admin-body) .gift-carousel-page-v132 .gift-title-row-v831>span,body:not(.admin-body) .gift-carousel-page-v132 footer em{display:none!important}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-title-row-v831 h3{font-size:13.5px!important;line-height:1.45!important;margin:2px 0 0!important}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-title-row-v831 small{font-size:10.5px!important}
  body:not(.admin-body) .gift-carousel-page-v132 footer{margin-top:8px!important;padding-top:8px!important}
  body:not(.admin-body) .gift-carousel-page-v132 footer strong{font-size:14px!important}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-region-v831,body:not(.admin-body) .gift-carousel-page-v132 .gift-delivery-v831{font-size:9.5px!important;padding:4px 7px!important;top:8px}
  body:not(.admin-body) .gift-carousel-page-v132 .gift-delivery-v831{bottom:8px!important;top:auto}
  main.store-home-v66>.vc-cats-1852,main.store-home-v66>.vc-brands-1852{margin-top:8px!important}
  /* keep the last category tile clear of the floating chat button */
  .vc-cats-grid-1852{padding-bottom:64px}
  main.store-home-v66 .vc-hero-1852 .hero-actions-v84 a{min-width:0!important;width:auto!important;padding-inline:10px!important;font-size:14px!important;white-space:nowrap}
  main.store-home-v66 .vc-hero-1852 .hero-actions-v84 a b{display:none}
  main.store-home-v66 .vc-hero-1852 .hero-quick-path-v157{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;width:100%!important;max-width:none!important}
  main.store-home-v66 .vc-hero-1852 .hero-quick-path-v157 a{width:auto!important;min-width:0!important;padding:10px 6px!important;text-align:center}
  main.store-home-v66 .vc-hero-1852 .hero-quick-path-v157 b{font-size:12.5px!important}
  main.store-home-v66 .vc-hero-1852 .hero-quick-path-v157 small{font-size:10.5px!important;line-height:1.5}
  .vc-trust-1852{padding:10px;border-radius:18px;margin-top:4px}
  .vc-trust-list-1852{gap:6px}
  .vc-trust-item-1852{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 8px}
  .vc-trust-item-1852 i{width:38px;height:38px;border-radius:12px}
  .vc-trust-item-1852 b{font-size:13px}
  .vc-trust-item-1852 small{font-size:11px}
  .vc-cats-grid-1852{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vc-cat-1852{padding:14px}
  .vc-cat-1852 i{width:40px;height:40px}
  .vc-brands-grid-1852{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .vc-brand-1852{padding:6px;border-radius:14px}
  .vc-brand-1852 b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* --- review fixes on all store pages (BUGS-2026-10-29-FA.md) --- */
/* #10 the footer newsletter form saves nothing but says "subscribed": hidden until it is wired up */
body:not(.admin-body) .newsletter-v67{display:none!important}
/* #17 breadcrumb separators had no spacing */
.breadcrumb>span{margin:0 6px}
/* #15 "5 USD · US" was reordered by the RTL text flow */
#variant-label-v81{unicode-bidi:isolate;direction:ltr;display:inline-block}
.product-hero-v81 .eyebrow bdi{display:inline-block}
.product-hero-v81 .eyebrow i{font-style:normal;margin:0 6px;opacity:.6}
/* product page: the card picture uses the new full card images */
.real-gift-card-v81 img[src*="/brand-covers/"],.real-gift-card-v81 img[src*="/giftcards-real/"]{transform:scale(1.25) translateY(1.9%);transform-origin:50% 50%}
.real-gift-card-v81:has(img[src*="/brand-covers/"]),.real-gift-card-v81:has(img[src*="/giftcards-real/"]){background:transparent!important;box-shadow:none!important;border:0!important}
/* product page amount chips read "us USD 5": show only "5 USD" (the region is already chosen above) */
body:not(.admin-body) .variant-option-v81{direction:ltr!important;justify-content:center!important;gap:5px!important}
body:not(.admin-body) .variant-option-v81 em{display:none!important}
body:not(.admin-body) .variant-option-v81 small{color:inherit!important;opacity:.75}
#mobile-variant-label-v160{direction:ltr;unicode-bidi:isolate}
/* the three labels under the buy card (تحویل دیجیتال / کد امن / ریجن مشخص) were white on light grey */
body:not(.admin-body) .feature-row-v81 article b{color:#111827!important}
body:not(.admin-body) .feature-row-v81 article small{color:#374151!important;margin-inline-start:8px}
@media (max-width:640px){
  /* the fixed buy bar and the chat button covered the bottom of the product page */
  body:not(.admin-body):has(.mobile-buybar-v160){padding-bottom:96px!important}
  /* chat button on the left on phones: right-aligned Persian text (e.g. product steps 01–03) was
     hidden under it; above the buy bar on product pages */
  body:not(.admin-body) .live-chat-v89{right:auto!important;left:14px!important;inset:auto auto calc(14px + env(safe-area-inset-bottom)) 14px!important}
  body:not(.admin-body):has(.mobile-buybar-v160) .live-chat-v89{inset:auto auto calc(100px + env(safe-area-inset-bottom)) 14px!important}
  /* keep the end (left side) of the product step texts clear of the chat button */
  body:not(.admin-body) .product-detail-grid-v81 article p{padding-inline-end:56px}
}
/* product stats: "فروش ثبت‌شده ۰" next to "۱۰۰٪ سفارش موفق" looked odd — hidden while there are no sales */
.product-kpi-grid-v160 article.vc-hide-1852{display:none!important}
/* #5 product picture sat ~1000px down a tall column on desktop: keep it at the top */
@media (min-width:1024px){.product-hero-v81 .product-visual-v81{align-self:start!important;position:sticky;top:110px}}
/* #19 footer links were 16px tall on phones */
@media (max-width:640px){body:not(.admin-body) footer a{display:inline-block;padding:8px 0;min-height:32px}}
@media (prefers-reduced-motion:reduce){.vc-cat-1852,.vc-brand-1852{transition:none}}