.cshop{max-width:1180px;margin:28px auto 70px;padding:0 20px;color:var(--text,#17213a)}
.cshop *{box-sizing:border-box}.cshop a{text-decoration:none}.cshop-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border:1px solid color-mix(in srgb,var(--red,#e11d33) 18%,#fff);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--red,#e11d33) 8%,#fff),#fff);box-shadow:0 18px 45px rgba(45,25,30,.07);margin-bottom:22px}.cshop-hero::after{content:"";position:absolute;right:-70px;bottom:-105px;width:230px;height:230px;border-radius:50%;background:color-mix(in srgb,var(--red,#e11d33) 8%,transparent);pointer-events:none}.cshop-hero>div,.cshop-hero>a{position:relative;z-index:1}.cshop-hero--compact{padding:26px}.cshop-hero h1{font-size:clamp(25px,3vw,38px);line-height:1.15;margin:5px 0 9px}.cshop-hero p{margin:0;color:#667085;line-height:1.65;max-width:680px}.cshop-eyebrow{display:block;color:var(--red,#e11d33);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cshop-history{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:12px 17px;border-radius:12px;background:var(--red,#e11d33);color:#fff!important;font-weight:700;box-shadow:0 10px 24px color-mix(in srgb,var(--red,#e11d33) 24%,transparent)}
.cshop-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px;color:#7b8497;font-size:13px}.cshop-breadcrumb a{color:#2b6cff}.cshop-breadcrumb svg{width:8px}.cshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cshop-category{display:flex;align-items:center;gap:14px;min-height:106px;padding:18px;border:1px solid #e4e8f1;border-radius:18px;background:#fff;color:#17213a;box-shadow:0 8px 26px rgba(23,33,58,.05);transition:.2s}.cshop-category:hover{transform:translateY(-3px);border-color:#a9c1ff;box-shadow:0 14px 30px rgba(43,108,255,.11)}.cshop-category>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.cshop-category b{font-size:17px}.cshop-category small{color:#7b8497}.cshop-category>svg{width:10px;color:#9aa4b5}.cshop-category-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:#eff4ff;color:#2b6cff}.cshop-category-icon img{width:44px;height:44px;object-fit:contain}.cshop-category-icon svg{font-size:24px}.cshop-empty{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px dashed #cad2e1;border-radius:20px;background:#fff;color:#7b8497}.cshop-empty>svg{font-size:34px;color:#9fb8fb}.cshop-empty b{font-size:17px;color:#344054}.cshop-brand-heading{display:flex;align-items:center;gap:16px}.cshop-brand-heading>img{width:72px;height:72px;object-fit:contain;border-radius:15px;background:#fff;padding:8px}.cshop-note{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;margin:0 0 18px;border:1px solid #bde9cf;border-radius:14px;background:#eefbf3;color:#276749;line-height:1.55}.cshop-note>svg{margin-top:3px}.cshop-note span{display:block}.cshop-note b{display:block}.cshop-note--wait{border-color:#f5d58b;background:#fff8e7;color:#8a5b00}
.cshop-products{display:grid;gap:13px}.cshop-product{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(140px,.7fr) 105px 140px;align-items:center;gap:18px;padding:18px 20px;border:1px solid #e4e8f1;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(23,33,58,.045)}.cshop-product-main,.cshop-product-price{display:flex;flex-direction:column;gap:3px}.cshop-product span,.cshop-order small,.cshop-order-info small{font-size:12px;color:#7b8497}.cshop-product-main b{font-size:20px;color:#17213a}.cshop-product-main small{color:#667085}.cshop-product-price strong{font-size:20px;color:#e11d33}.cshop-qty{display:flex;flex-direction:column;gap:5px}.cshop-qty input{width:100%;height:42px;border:1px solid #d6dce8;border-radius:10px;padding:0 10px;font-weight:700}.cshop-product>button{height:44px;border:0;border-radius:11px;background:#e11d33;color:#fff;font-weight:800;cursor:pointer}.cshop-product>button:hover{filter:brightness(.94)}
.cshop-orders{display:grid;gap:12px}.cshop-order{display:grid;grid-template-columns:1fr 1.7fr .8fr 12px;align-items:center;gap:18px;padding:17px 20px;border:1px solid #e4e8f1;border-radius:16px;background:#fff;color:#17213a}.cshop-order:hover{border-color:#aec4ff}.cshop-order>span{display:flex;min-width:0;flex-direction:column;gap:3px}.cshop-order b{overflow:hidden;text-overflow:ellipsis}.cshop-order em{font-size:12px;color:#7b8497;font-style:normal}.cshop-status{display:inline-flex!important;width:max-content;padding:6px 10px;border-radius:999px;font-size:12px!important;font-style:normal!important;font-weight:800}.cshop-status--green{background:#e9f9ef;color:#187842}.cshop-status--amber{background:#fff4d6;color:#926100}.cshop-status--blue{background:#eaf1ff;color:#2457b8}.cshop-status--gray{background:#edf0f4;color:#5e6879}.cshop-pager{margin-top:18px}.cshop-order-detail{padding:24px;border:1px solid #e4e8f1;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(23,33,58,.06)}.cshop-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #edf0f5}.cshop-order-head h1{margin:5px 0;font-size:27px}.cshop-order-head p{margin:0;color:#7b8497}.cshop-order-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0}.cshop-order-info span{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:12px;background:#f7f9fc}.cshop-order-info b{font-size:16px}.cshop-delivery-title{font-size:19px;margin:24px 0 12px}.cshop-deliveries{display:grid;gap:14px}.cshop-delivery{position:relative;display:grid;grid-template-columns:1fr 1fr .7fr;gap:12px;padding:18px;border:1px solid #dfe5ef;border-radius:16px;background:#fbfcfe}.cshop-delivery-no{position:absolute;top:-9px;left:14px;padding:3px 9px;border-radius:999px;background:#2b6cff;color:#fff;font-size:11px;font-weight:800}.cshop-delivery label{display:flex;min-width:0;flex-direction:column;gap:6px}.cshop-delivery label>span{font-size:12px;color:#7b8497}.cshop-delivery label>div{display:flex;align-items:center;gap:8px}.cshop-delivery code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:9px 11px;border-radius:9px;background:#eef2f8;color:#17213a;font-size:14px;font-weight:700}.cshop-delivery button{width:34px;height:34px;border:0;border-radius:8px;background:#e6edff;color:#2b6cff;cursor:pointer}.cshop-delivery button.is-copied{background:#dff7e8;color:#187842}
@media(max-width:900px){.cshop{margin:16px 12px 92px}.cshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cshop-product{grid-template-columns:1fr 1fr}.cshop-product>button{grid-column:2}.cshop-order{grid-template-columns:1fr 1fr 12px}.cshop-order>span:nth-child(3){grid-column:1/3}.cshop-order-info{grid-template-columns:repeat(2,1fr)}.cshop-delivery{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cshop-hero{align-items:flex-start;flex-direction:column;padding:22px 18px;border-radius:18px}.cshop-hero--compact{padding:20px 17px}.cshop-history{width:100%}.cshop-grid{grid-template-columns:1fr}.cshop-category{min-height:92px}.cshop-product{grid-template-columns:1fr 100px;gap:12px;padding:16px}.cshop-product-price{text-align:right}.cshop-qty{grid-column:1}.cshop-product>button{grid-column:2}.cshop-order{grid-template-columns:1fr 10px;gap:10px}.cshop-order>span:nth-child(2),.cshop-order>span:nth-child(3){grid-column:1}.cshop-order>svg{grid-column:2;grid-row:1/4}.cshop-order-detail{padding:18px 14px}.cshop-order-head{flex-direction:column}.cshop-order-info{grid-template-columns:1fr 1fr}.cshop-delivery{grid-template-columns:1fr}.cshop-brand-heading{align-items:flex-start}.cshop-brand-heading>img{width:58px;height:58px}}

.cshop-breadcrumb a{color:var(--red,#e11d33)}
.cshop-category:hover{border-color:color-mix(in srgb,var(--red,#e11d33) 35%,#e4e8f1);box-shadow:0 14px 30px color-mix(in srgb,var(--red,#e11d33) 10%,transparent)}
.cshop-category-icon{background:color-mix(in srgb,var(--red,#e11d33) 8%,#fff);color:var(--red,#e11d33)}
.cshop-order:hover{border-color:color-mix(in srgb,var(--red,#e11d33) 32%,#e4e8f1)}
.cshop-delivery-no{background:var(--red,#e11d33)}
.cshop-delivery button{background:color-mix(in srgb,var(--red,#e11d33) 9%,#fff);color:var(--red,#e11d33)}
.cshop-empty--featured{position:relative;overflow:hidden;min-height:330px;padding:42px 24px;border:1px solid #e7e2e3;border-radius:24px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--red,#e11d33) 3%,#fff));box-shadow:0 14px 40px rgba(45,25,30,.055)}
.cshop-empty--featured::before,.cshop-empty--featured::after{content:"";position:absolute;border-radius:50%;background:color-mix(in srgb,var(--red,#e11d33) 6%,transparent)}
.cshop-empty--featured::before{width:180px;height:180px;left:-95px;top:-95px}.cshop-empty--featured::after{width:230px;height:230px;right:-125px;bottom:-135px}
.cshop-empty-icon{position:relative;z-index:1;width:72px;height:72px;display:grid;place-items:center;margin-bottom:4px;border-radius:22px;background:color-mix(in srgb,var(--red,#e11d33) 10%,#fff);color:var(--red,#e11d33);font-size:31px;box-shadow:0 10px 26px color-mix(in srgb,var(--red,#e11d33) 12%,transparent)}
.cshop-empty-icon svg{font-size:31px}.cshop-empty-kicker{position:relative;z-index:1;padding:5px 10px;border-radius:999px;background:#f7f1f2;color:#8a6066;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.cshop-empty--featured b{position:relative;z-index:1;margin-top:3px;font-size:21px;color:#2b1f21}.cshop-empty--featured p{position:relative;z-index:1;max-width:520px;margin:0;color:#7c6d70;font-size:14px;line-height:1.7}
.cshop-empty-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.cshop-empty-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 16px;border:1px solid #e5dadd;border-radius:11px;background:#fff;color:#654f53!important;font-size:13px;font-weight:750}
.cshop-empty-btn--primary{border-color:var(--red,#e11d33);background:var(--red,#e11d33);color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--red,#e11d33) 20%,transparent)}
@media(max-width:900px){.cshop{padding:0;margin:16px 12px 92px}}
@media(max-width:620px){.cshop-empty--featured{min-height:300px;padding:34px 18px}.cshop-empty-actions{width:100%}.cshop-empty-btn{width:100%}}

/* Customer catalog: tabbed card-shop layout */
.cshop.cshop-catalog{max-width:1180px;margin:30px auto 76px;padding:0 20px}
.cshop-catalog [hidden]{display:none!important}
.cshop-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.cshop-catalog-kicker,.cshop-section-kicker{display:block;color:var(--red,#e11d33);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cshop-catalog-head h1{margin:5px 0 7px;color:#17213a;font-size:clamp(27px,3.3vw,39px);line-height:1.1}
.cshop-catalog-head p{margin:0;color:#727d90;font-size:14px;line-height:1.6}
.cshop-catalog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.cshop-trust{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #e7eaf0;border-radius:10px;background:#fff;color:#536074;font-size:12px;font-weight:700}
.cshop-trust i{color:var(--red,#e11d33)}
.cshop-catalog .cshop-history{padding:10px 13px;border-radius:10px;font-size:12px}
.cshop-catalog .cshop-catalog-desc-wrap{margin:-8px 0 20px;padding:14px 18px;border:1px solid #e3e7ee;border-radius:14px;background:#fff;box-shadow:none!important}
.cshop-catalog .cshop-catalog-desc{color:#536074;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.cshop-catalog .cshop-catalog-desc :is(p,ul,ol,h1,h2,h3,h4,h5,h6,blockquote,table){margin-top:0}
.cshop-catalog .cshop-catalog-desc p{margin:0 0 7px}
.cshop-catalog .cshop-catalog-desc p:last-child{margin-bottom:0}
.cshop-catalog .cshop-catalog-desc ul,.cshop-catalog .cshop-catalog-desc ol{margin-bottom:7px;padding-left:21px}
.cshop-catalog .cshop-catalog-desc li+li{margin-top:3px}
.cshop-catalog .cshop-catalog-desc h1,.cshop-catalog .cshop-catalog-desc h2,.cshop-catalog .cshop-catalog-desc h3{color:#2b1f21;font-weight:800;line-height:1.3}
.cshop-catalog .cshop-catalog-desc a{color:var(--red,#e11d33);text-decoration:underline;text-underline-offset:2px}
.cshop-catalog .cshop-catalog-desc img{display:block;max-width:100%;height:auto}
.cshop-catalog .cshop-catalog-desc table{width:100%;border-collapse:collapse}
.cshop-catalog .cshop-catalog-desc th,.cshop-catalog .cshop-catalog-desc td{padding:6px 8px;border:1px solid #e8ebf0;text-align:left}
.cshop-catalog .cshop-catalog-desc-clamp{max-height:78px;overflow:hidden}
.cshop-catalog .cshop-catalog-desc-more{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 0 0;border:0;background:none;color:var(--red,#e11d33);font:inherit;font-size:12.5px;font-weight:700;line-height:1;cursor:pointer}
.cshop-catalog .cshop-catalog-desc-more:hover{text-decoration:underline}
.cshop-tabs{display:flex;align-items:center;gap:8px;margin:0 0 20px;overflow-x:auto;padding:3px 0 5px;scrollbar-width:none}
.cshop-tabs::-webkit-scrollbar{display:none}
.cshop-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 19px;border:1px solid #e3e6ed;border-radius:9px;background:#f0f1f4;color:#424d60;white-space:nowrap;font-size:13px;font-weight:750;transition:background .18s,border-color .18s,color .18s,transform .18s}
.cshop-tab svg{font-size:14px}
.cshop-tab:hover{border-color:color-mix(in srgb,var(--red,#e11d33) 28%,#e3e6ed);color:var(--red,#e11d33);transform:translateY(-1px)}
.cshop-tab.is-active{border-color:var(--red,#e11d33);background:var(--red,#e11d33);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--red,#e11d33) 20%,transparent)}
.cshop-shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;align-items:start;gap:22px}
.cshop-catalog-main{min-width:0}
.cshop-category-panel{padding:22px;border:1px solid #e3e7ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(23,33,58,.045)}
.cshop-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.cshop-section-head h2{margin:4px 0 0;color:#17213a;font-size:20px;line-height:1.2}
.cshop-section-count,.cshop-section-hint{color:#8993a4;font-size:12px;font-weight:650;white-space:nowrap}
.cshop-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cshop-brand-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e1e5ec;border-radius:11px;background:#fff;color:#17213a;box-shadow:0 4px 12px rgba(23,33,58,.035);transition:border-color .18s,box-shadow .18s,transform .18s}
.cshop-brand-card:hover{border-color:color-mix(in srgb,var(--red,#e11d33) 32%,#e1e5ec);box-shadow:0 9px 20px rgba(23,33,58,.09);transform:translateY(-2px)}
.cshop-brand-card.is-active{border-color:var(--red,#e11d33);box-shadow:0 0 0 2px color-mix(in srgb,var(--red,#e11d33) 16%,transparent),0 9px 20px rgba(23,33,58,.08)}
.cshop-brand-media{display:grid;place-items:center;height:76px;overflow:hidden;background:#f4f6fa}
.cshop-brand-media img{display:block;width:100%;height:100%;object-fit:cover}
.cshop-brand-fallback{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--red,#e11d33) 10%,#fff);color:var(--red,#e11d33);font-size:19px}
.cshop-brand-info{display:flex;min-width:0;flex-direction:column;gap:3px;padding:10px 11px 11px}
.cshop-brand-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.cshop-brand-info small{color:#8993a4;font-size:11px}
.cshop-brand-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--red,#e11d33);color:#fff;opacity:0;transform:scale(.7);transition:opacity .18s,transform .18s}
.cshop-brand-check svg{font-size:11px}
.cshop-brand-card.is-active .cshop-brand-check{opacity:1;transform:scale(1)}
.cshop-denom-section{margin-top:27px;padding-top:23px;border-top:1px solid #edf0f4}
.cshop-section-head--denom{align-items:center;margin-bottom:13px}
.cshop-section-head--denom h2{font-size:18px}
.cshop-denom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cshop-denom-card{position:relative;display:flex;min-width:0;min-height:128px;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:13px 14px;border:1px solid #eadfe1;border-radius:11px;background:#fff;color:#2b1f21;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}
.cshop-denom-card:hover{border-color:#d96a74;background:#fffafa;box-shadow:none;transform:none}
.cshop-denom-card:focus-visible{outline:2px solid color-mix(in srgb,var(--red,#e11d33) 35%,#fff);outline-offset:2px}
.cshop-denom-card.is-selected{border-color:var(--red,#e11d33);background:#fff7f8;box-shadow:none}
.cshop-denom-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:9px;color:#9a8b8e}
.cshop-denom-top small{display:inline-flex;align-items:center;min-height:19px;padding:3px 6px;border:1px solid #eee1e3;border-radius:5px;background:#faf5f6;color:#9a8b8e;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.cshop-denom-card strong{display:block;max-width:100%;overflow:hidden;color:#55484b;font-size:12.5px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.cshop-denom-card>b{margin-top:5px;color:var(--red,#e11d33);font-size:19px;font-weight:850;letter-spacing:-.02em;line-height:1.2}
.cshop-denom-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:9px;border-top:1px solid #f0e7e8}
.cshop-denom-price{display:flex;min-width:0;flex-direction:column;gap:2px;margin:0;padding:0;color:#9a8b8e;font-size:10px;line-height:1.15}
.cshop-denom-price>small{color:#9a8b8e;font-size:9px;line-height:1}
.cshop-denom-price>b{color:#b72b3d;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}
.cshop-denom-add{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-height:28px;padding:0 9px;border:1px solid var(--red,#e11d33);border-radius:7px;background:var(--red,#e11d33);color:#fff;font-size:10.5px;font-weight:800;line-height:1;white-space:nowrap}
.cshop-denom-add i{font-size:9px}
.cshop-denom-qb{position:absolute;top:8px;right:8px;z-index:2;display:flex;min-width:24px;height:22px;align-items:center;justify-content:center;padding:0 6px;border-radius:12px;background:var(--red,#e11d33);color:#fff;font-size:10.5px;font-weight:800;line-height:1}
.cshop-denom-qb[hidden]{display:none}
.cshop-inline-empty{display:flex;min-height:120px;align-items:center;justify-content:center;gap:9px;border:1px dashed #d6dce6;border-radius:11px;background:#fafbfc;color:#8993a4;font-size:13px}
.cshop-inline-empty i{color:#aab4c4}
.cshop-cart-panel{position:sticky;top:18px;overflow:hidden;border:1px solid #dfe4eb;border-radius:14px;background:#fff;box-shadow:0 9px 26px rgba(23,33,58,.07)}
.cshop-cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #e8ebf0}
.cshop-cart-head h2{margin:4px 0 0;color:#17213a;font-size:18px}
.cshop-cart-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--red,#e11d33);color:#fff}
.cshop-cart-icon svg{font-size:14px}
.cshop-cart-body{padding:16px}
.cshop-cart-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8993a4;text-align:center}
.cshop-cart-empty i{margin-bottom:4px;color:#b7bfcb;font-size:27px}
.cshop-cart-empty b{color:#e11d33;font-size:14px}
.cshop-cart-empty span{max-width:210px;font-size:12px;line-height:1.55}
.cshop-cart-selected{display:flex;flex-direction:column}
.cshop-cart-label{color:#8993a4;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.cshop-cart-name{margin-top:7px;color:#17213a;font-size:16px;line-height:1.35}
.cshop-cart-face{margin-top:3px;color:var(--red,#e11d33);font-size:20px;font-weight:850}
.cshop-cart-line,.cshop-cart-total{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cshop-cart-line{margin-top:16px;padding-top:13px;border-top:1px solid #edf0f4;color:#8993a4;font-size:12px}
.cshop-cart-line strong{color:#17213a;font-size:14px}
.cshop-cart-qty{display:flex;flex-direction:column;gap:6px;margin-top:15px;color:#8993a4;font-size:12px}
.cshop-stepper{display:flex;align-items:center;height:39px;border:1px solid #dce1e8;border-radius:9px;overflow:hidden;background:#fff}
.cshop-stepper button{width:36px;height:100%;border:0;background:#f5f6f8;color:#566176;font-size:18px;cursor:pointer}
.cshop-stepper button:hover{background:#eceef2;color:var(--red,#e11d33)}
.cshop-stepper input{width:100%;height:100%;min-width:0;border:0;border-right:1px solid #edf0f4;border-left:1px solid #edf0f4;color:#17213a;text-align:center;font-weight:800;outline:0}
.cshop-cart-total{margin-top:17px;padding-top:14px;border-top:1px dashed #dfe4eb;color:#667286;font-size:12px;font-weight:700}
.cshop-cart-total strong{color:var(--red,#e11d33);font-size:19px}
.cshop-cart-buy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:43px;margin-top:15px;border:0;border-radius:9px;background:var(--red,#e11d33);color:#fff;font-family:"Be Vietnam Pro",system-ui,sans-serif;font-size:13px;font-weight:800;line-height:1.2;-webkit-font-smoothing:antialiased;cursor:pointer;box-shadow:0 8px 17px color-mix(in srgb,var(--red,#e11d33) 19%,transparent);transition:filter .18s,transform .18s}
.cshop-cart-buy:hover{filter:brightness(.94);transform:translateY(-1px)}
.cshop-cart-note{display:flex;align-items:flex-start;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid #edf0f4;color:#8a94a4;font-size:11px;line-height:1.55}
.cshop-cart-note i{margin-top:2px;color:var(--red,#e11d33)}
.cshop-reduced-motion *{transition:none!important;scroll-behavior:auto!important}
@media(max-width:1050px){.cshop-shop-layout{grid-template-columns:minmax(0,1fr) 276px}.cshop-brand-grid,.cshop-denom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cshop-denom-add{width:27px;height:27px;min-height:0;padding:0}.cshop-denom-add>span{display:none}}
@media(max-width:820px){.cshop-shop-layout{grid-template-columns:1fr}.cshop-cart-panel{position:relative;top:auto}.cshop-cart-body{padding:18px}.cshop-cart-empty{min-height:150px}.cshop-brand-grid,.cshop-denom-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.cshop.cshop-catalog{margin:19px 12px 90px;padding:0}.cshop-catalog-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:17px}.cshop-catalog-actions{justify-content:flex-start;width:100%}.cshop-trust{flex:1}.cshop-catalog .cshop-history{flex:1}.cshop-tabs{margin-bottom:15px}.cshop-tab{padding:0 15px}.cshop-category-panel{padding:16px 13px;border-radius:13px}.cshop-section-head{align-items:flex-start;flex-direction:column;gap:5px}.cshop-section-head--denom{align-items:flex-start}.cshop-section-hint{white-space:normal}.cshop-brand-grid,.cshop-denom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cshop-brand-media{height:66px}.cshop-denom-card{min-height:112px;padding:12px}.cshop-cart-panel{border-radius:13px}}
@media(max-width:380px){.cshop-brand-grid,.cshop-denom-grid{grid-template-columns:1fr}}

/* Customer catalog: flat service-style finish */
.cshop.cshop-catalog{margin:22px auto 64px}
.cshop-catalog .cshop-catalog-head{align-items:center;gap:16px;margin-bottom:14px;padding:0 0 14px;border-bottom:1px solid #edf0f4}
.cshop-catalog .cshop-catalog-head h1{margin:4px 0 5px;color:#17213a;font-size:clamp(24px,2.7vw,30px);line-height:1.15}
.cshop-catalog .cshop-catalog-head p{color:#788396;font-size:13px}
.cshop-catalog .cshop-catalog-actions{min-height:38px}
.cshop-catalog .cshop-history{padding:9px 13px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:var(--red,#e11d33)!important;font-size:12px;box-shadow:none!important}
.cshop-catalog .cshop-history:hover{border-color:var(--red,#e11d33);background:#fff;box-shadow:none!important}
.cshop-catalog .cshop-tabs{gap:7px;margin-bottom:16px;padding:0 0 2px}
.cshop-catalog .cshop-tab{min-height:38px;padding:0 18px;border-radius:7px;transition:background .15s,border-color .15s,color .15s}
.cshop-catalog .cshop-tab:hover{transform:none}
.cshop-catalog .cshop-tab.is-active{box-shadow:none!important}
.cshop-catalog .cshop-category-panel{padding:18px;border-radius:14px;box-shadow:none!important}
.cshop-catalog .cshop-section-head{margin-bottom:13px}
.cshop-catalog .cshop-section-head h2{font-size:19px}
.cshop-catalog .cshop-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.cshop-catalog .cshop-brand-card{border-radius:0;box-shadow:none!important;transition:border-color .15s,background .15s}
.cshop-catalog .cshop-brand-card:hover{transform:none;box-shadow:none!important;background:#fff}
.cshop-catalog .cshop-brand-card.is-active{box-shadow:none!important}
.cshop-catalog .cshop-brand-media{height:100%;background:#f3f5f8}
.cshop-catalog .cshop-brand-info{padding:9px 10px 10px}
.cshop-catalog .cshop-brand-check{transition:opacity .15s}
.cshop-catalog .cshop-brand-card.is-active .cshop-brand-check{transform:none}
.cshop-catalog .cshop-denom-section{margin-top:23px;padding-top:20px}
.cshop-catalog .cshop-denom-grid{gap:11px}
.cshop-catalog .cshop-denom-card{min-height:128px;border-radius:10px;background:#fff;box-shadow:none!important;transition:border-color .15s,background-color .15s}
.cshop-catalog .cshop-denom-card:hover{transform:none;box-shadow:none!important;background:#fffafa}
.cshop-catalog .cshop-denom-card.is-selected,.cshop-catalog .cshop-denom-card.is-in-cart{box-shadow:none!important}
.cshop-catalog .cshop-denom-foot{padding-top:9px}
.cshop-catalog .cshop-denom-add{min-height:28px;padding:0 9px;border-radius:7px;background:var(--red);box-shadow:none!important}
.cshop-catalog .cshop-denom-card:hover .cshop-denom-add{background:#c8172d}
.cshop-catalog .cshop-denom-card.is-in-cart .cshop-denom-add{border:1px solid #e5aeb5;background:#fff;color:var(--red)}
.cshop-catalog .cshop-denom-card.is-in-cart .cshop-denom-face{color:#b72b3d}
.cshop-catalog .cshop-denom-qb{box-shadow:none!important}
.cshop-catalog .cshop-cart-panel{top:14px;overflow:visible;border-radius:13px;box-shadow:none!important;scroll-margin-top:18px}
.cshop-catalog .cshop-cart-panel.is-attention{border-color:var(--red,#e11d33)}
.cshop-catalog .cshop-cart-panel.is-attention .cshop-cart-head{background:#fffafa}
.cshop-catalog .cshop-cart-body{padding:15px}
.cshop-catalog .cshop-cart-empty{min-height:178px;background:#fff}
.cshop-catalog .cshop-cart-buy{box-shadow:none!important;transition:background .15s,filter .15s}
.cshop-catalog .cshop-cart-buy:hover{transform:none;box-shadow:none!important}
.cshop-catalog .cshop-cart-note{margin-top:14px;padding-top:12px}
.cshop-cart-login{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:var(--red,#e11d33);font-size:12px;font-weight:700;text-decoration:none}
.cshop-cart-login:hover{color:var(--red,#e11d33);text-decoration:underline}

@keyframes cshopCheckoutFade{from{opacity:0}to{opacity:1}}
@keyframes cshopCheckoutPop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cshopCheckoutSheet{from{opacity:.86;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}

/* The card form keeps the same confirm-and-process flow as service orders. */
.cshop-catalog .cshop-checkout-modal{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:16px}
.cshop-catalog .cshop-checkout-modal[hidden]{display:none!important}
.cshop-catalog .cshop-checkout-modal .sup-modal-bg{position:absolute;inset:0;background:rgba(23,33,58,.48);backdrop-filter:none;animation:cshopCheckoutFade .18s ease both}
.cshop-catalog .cshop-checkout-modal .sup-modal-card{position:relative;z-index:1;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid #dfe4eb;border-radius:14px;background:#fff;box-shadow:none!important;animation:cshopCheckoutPop .22s cubic-bezier(.2,.9,.3,1.2) both;transform:translateY(8px)}
.cshop-catalog .cshop-checkout-modal.is-open .sup-modal-card{transform:none}
.cshop-catalog .cshop-checkout-modal .sup-modal-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e5e8ee;border-radius:14px 14px 0 0;background:#fff;position:sticky;top:0;z-index:2}
.cshop-catalog .cshop-checkout-modal .sup-modal-tt{display:flex;align-items:center;gap:8px;min-width:0;color:#17213a;font-size:15px;font-weight:800;line-height:1.3}
.cshop-catalog .cshop-checkout-modal .sup-modal-tt i{color:var(--red,#e11d33)}
.cshop-catalog .cshop-checkout-modal .sup-modal-x{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid #f0d6d9;border-radius:50%;background:#fff7f8;color:#b45b66;font-family:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.cshop-catalog .cshop-checkout-modal .sup-modal-x:hover{border-color:var(--red,#e11d33);background:var(--red,#e11d33);color:#fff;transform:scale(1.05)}
.cshop-catalog .cshop-checkout-modal .sup-modal-x:active{transform:scale(.96)}
.cshop-catalog .cshop-checkout-modal .sup-modal-x:focus-visible{outline:2px solid color-mix(in srgb,var(--red,#e11d33) 35%,#fff);outline-offset:2px}
.cshop-catalog .cshop-checkout-modal .buy-modal-body{padding:17px 18px 19px}
.cshop-checkout-product{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e3e7ee;border-radius:10px;background:#fafbfc}
.cshop-checkout-product-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--red,#e11d33) 9%,#fff);color:var(--red,#e11d33)}
.cshop-checkout-product-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.cshop-checkout-product-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17213a;font-size:13.5px}
.cshop-checkout-product-info small{color:var(--red,#e11d33);font-size:11.5px;font-weight:700}
.cshop-checkout-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.cshop-checkout-meta>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:9px;background:#f7f8fa}
.cshop-checkout-meta small{color:#7f8999;font-size:11.5px}
.cshop-checkout-meta b{color:#17213a;font-size:13px}
.cshop-catalog .paysum{margin-top:12px;box-shadow:none}
.cshop-catalog .buy-modal-note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;color:#7f8999;font-size:12px}
.cshop-catalog .buy-modal-note i{margin-top:2px;color:var(--red,#e11d33)}
.cshop-catalog .sup-modal-ft{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.cshop-catalog .sup-modal-ft .sup-btn,.cshop-catalog .sup-modal-ft .sup-btn-ghost{box-shadow:none}
.cshop-catalog .cshop-checkout-modal .sup-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:var(--red,#e11d33);color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;padding:11px 18px;cursor:pointer;text-decoration:none}
.cshop-catalog .cshop-checkout-modal .sup-btn:hover{background:color-mix(in srgb,var(--red,#e11d33) 90%,#000)}
.cshop-catalog .cshop-checkout-modal .sup-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe4eb;border-radius:10px;background:#f7f8fa;color:#687386;font-family:inherit;font-size:13px;font-weight:700;padding:11px 18px;cursor:pointer}
.cshop-catalog .cshop-checkout-modal .sup-btn-ghost:hover{border-color:var(--red,#e11d33);background:#fff;color:var(--red,#e11d33)}
.cshop-catalog .sup-modal-ft .sup-btn{justify-content:center}
.cshop-checkout-guest{display:flex;align-items:center;text-align:center;flex-direction:column;gap:8px}
.cshop-checkout-guest-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#f7f8fa;color:var(--red,#e11d33);font-size:22px}
.cshop-checkout-guest b{color:#17213a;font-size:16px}
.cshop-checkout-guest p{max-width:330px;margin:0 0 5px;color:#7f8999;font-size:12.5px;line-height:1.55}
.cshop-checkout-guest .sup-btn{justify-content:center;text-decoration:none}
.cshop-catalog .cshop-checkout-modal.is-processing .sup-modal-hd,.cshop-catalog .cshop-checkout-modal.is-processing .buy-modal-body{display:none}
.cshop-catalog .cshop-checkout-modal .buy-processing{min-height:270px;width:100%;border-radius:0;background:#fff;padding:38px 24px}
.cshop-catalog .cshop-checkout-modal .buy-processing-spinner{box-shadow:none}
.cshop-catalog .cshop-empty--featured,.cshop-catalog .cshop-empty-icon,.cshop-catalog .cshop-empty-btn--primary{box-shadow:none!important}
.cshop-catalog .cshop-empty--featured{border-radius:16px;background:#fff}
.cshop-catalog .cshop-empty--featured::before,.cshop-catalog .cshop-empty--featured::after{display:none}
.cshop-catalog .cshop-empty-icon{border:1px solid #e3e7ee;border-radius:14px;background:#fafbfc}
.cshop-catalog .cshop-empty-btn--primary{border-radius:9px}

@media(max-width:620px){
  .cshop.cshop-catalog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:17px 12px 76px}
  .cshop-catalog .cshop-catalog-head{align-items:flex-start;margin-bottom:12px;padding-bottom:12px}
  .cshop-catalog .cshop-catalog-head h1{font-size:24px}
  .cshop-catalog .cshop-catalog-head p{font-size:12px}
  .cshop-catalog .cshop-catalog-actions{width:auto;min-height:0}
  .cshop-catalog .cshop-history{padding:8px 10px;font-size:11px}
  .cshop-catalog .cshop-catalog-desc-wrap{margin:-4px 0 14px;padding:11px 13px;border-radius:14px}
  .cshop-catalog .cshop-catalog-desc{font-size:12.5px;line-height:1.6}
  .cshop-catalog .cshop-catalog-desc-clamp{max-height:62px}
  .cshop-catalog .cshop-catalog-desc-more{font-size:12px}
  .cshop-catalog .cshop-category-panel{padding:15px 12px}
  .cshop-catalog .cshop-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}
  .cshop-catalog .cshop-brand-card{min-width:0}
  .cshop-catalog .cshop-brand-media{height:auto;aspect-ratio:16/9}
  .cshop-catalog .cshop-brand-info{gap:2px;padding:7px 6px 8px}
  .cshop-catalog .cshop-brand-info b{font-size:10px}
  .cshop-catalog .cshop-brand-info small{font-size:8px}
  .cshop-catalog .cshop-brand-check{top:5px;right:5px;width:17px;height:17px}
  .cshop-catalog .cshop-denom-card{min-height:116px;padding:11px}
  .cshop-catalog .cshop-checkout-modal{align-items:flex-end;padding:0}
  .cshop-catalog .cshop-checkout-modal .sup-modal-card{max-width:520px;max-height:92vh;border-radius:18px 18px 0 0;transform:translateY(100%);animation:cshopCheckoutSheet .24s cubic-bezier(.32,.72,.24,1) both}
  .cshop-catalog .cshop-checkout-modal.is-open .sup-modal-card{transform:none}
  .cshop-catalog .cshop-checkout-modal .sup-modal-hd{padding:15px 16px;border-radius:18px 18px 0 0}
  .cshop-catalog .cshop-checkout-modal .buy-modal-body{padding:15px 16px 18px}
  .cshop-catalog .cshop-checkout-modal .sup-modal-ft{margin-top:15px}
}
@media(max-width:380px){
  .cshop-catalog .cshop-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .cshop-catalog .cshop-brand-info{padding:6px 5px 7px}
  .cshop-catalog .cshop-brand-info b{font-size:9px}
  .cshop-catalog .cshop-brand-info small{font-size:7.5px}
}
@media(prefers-reduced-motion:reduce){
  .cshop-catalog .cshop-checkout-modal .sup-modal-bg,.cshop-catalog .cshop-checkout-modal .sup-modal-card{animation:none!important;transition:none;transform:none}
}

/* Multi-card cart: compact, flat rows with no external provider artwork or visual clutter. */
.cshop-catalog .cshop-cart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.cshop-catalog .cshop-cart-clear{padding:0;border:0;background:none;color:#8993a4;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.cshop-catalog .cshop-cart-clear:hover{color:var(--red,#e11d33);text-decoration:underline}
.cshop-catalog .cshop-cart-list{display:flex;flex-direction:column;max-height:355px;overflow:auto;border-top:1px solid #edf0f4}
.cshop-catalog .cshop-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 9px;padding:12px 0;border-bottom:1px solid #edf0f4}
.cshop-catalog .cshop-cart-item-info{display:flex;min-width:0;flex-direction:column;gap:3px}
.cshop-catalog .cshop-cart-item-info b{overflow:hidden;color:#17213a;font-size:12.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.cshop-catalog .cshop-cart-item-info small{color:#8993a4;font-size:10.5px;line-height:1.35}
.cshop-catalog .cshop-cart-item-total{align-self:start;color:var(--red,#e11d33);font-size:12px;white-space:nowrap}
.cshop-catalog .cshop-cart-item-controls{display:flex;grid-column:1/-1;align-items:center;gap:0;height:31px}
.cshop-catalog .cshop-cart-step{display:grid;place-items:center;width:30px;height:31px;border:1px solid #dfe4eb;background:#f7f8fa;color:#566176;font-family:inherit;font-size:16px;line-height:1;cursor:pointer}
.cshop-catalog .cshop-cart-step:first-child{border-radius:7px 0 0 7px}
.cshop-catalog .cshop-cart-step:hover{background:#fff;color:var(--red,#e11d33)}
.cshop-catalog .cshop-cart-input{width:50px;height:31px;border:1px solid #dfe4eb;border-right:0;border-left:0;background:#fff;color:#17213a;font:inherit;font-size:12px;font-weight:800;text-align:center;outline:0}
.cshop-catalog .cshop-cart-input:focus{border-color:var(--red,#e11d33)}
.cshop-catalog .cshop-cart-remove{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;margin-left:auto;border:1px solid #f0d6d9;border-radius:50%;background:#fff7f8;color:#b45b66;font-family:inherit;font-size:12px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.cshop-catalog .cshop-cart-remove i{font-size:11px;line-height:1;pointer-events:none}
.cshop-catalog .cshop-cart-remove:hover{border-color:var(--red,#e11d33);background:var(--red,#e11d33);color:#fff;transform:scale(1.05)}
.cshop-catalog .cshop-cart-remove:active{transform:scale(.96)}
.cshop-catalog .cshop-cart-remove:focus-visible{outline:2px solid color-mix(in srgb,var(--red,#e11d33) 35%,#fff);outline-offset:2px}
.cshop-catalog .cshop-denom-card.is-in-cart{border-color:var(--red,#e11d33);background:color-mix(in srgb,var(--red,#e11d33) 5%,#fff)}
.cshop-catalog .cshop-denom-card.is-in-cart .cshop-denom-add{border:1px solid color-mix(in srgb,var(--red,#e11d33) 32%,#fff);background:#fff;color:var(--red,#e11d33);box-shadow:none}
.cshop-catalog .cshop-checkout-title{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e3e7ee;border-radius:10px;background:#fafbfc}
.cshop-catalog .cshop-checkout-title>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}
.cshop-catalog .cshop-checkout-title b{color:#17213a;font-size:13px}
.cshop-catalog .cshop-checkout-title small{color:#8993a4;font-size:11px;line-height:1.4}
.cshop-catalog .cshop-checkout-lines{display:flex;max-height:245px;overflow:auto;flex-direction:column;margin-top:11px;border-top:1px solid #edf0f4}
.cshop-catalog .cshop-checkout-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #edf0f4}
.cshop-catalog .cshop-checkout-line-info{display:flex;min-width:0;flex-direction:column;gap:3px}
.cshop-catalog .cshop-checkout-line-info b{overflow:hidden;color:#17213a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.cshop-catalog .cshop-checkout-line-info small{color:#8993a4;font-size:10.5px}
.cshop-catalog .cshop-checkout-line>strong{color:var(--red,#e11d33);font-size:12px;white-space:nowrap}
.cshop-catalog .cshop-checkout-modal .cshop-checkout-meta{margin-top:11px}
.cshop-catalog .cshop-cart-panel .cshop-cart-total{margin-top:13px}

@media(max-width:620px){
  .cshop-catalog .cshop-cart-list{max-height:none}
  .cshop-catalog .cshop-checkout-lines{max-height:34vh}
  .cshop-catalog .cshop-cart-item{padding:11px 0}
}

/* Keep dynamically rendered cart rows stable on every layout width. */
.cshop-catalog .cshop-cart-panel{box-shadow:none!important}
.cshop-catalog .cshop-cart-empty{
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none!important;
}
.cshop-catalog .cshop-cart-item-info{grid-column:1;grid-row:1}
.cshop-catalog .cshop-cart-item-total{grid-column:2;grid-row:1;align-self:start}
.cshop-catalog .cshop-cart-item-controls{grid-column:1/-1;grid-row:2}

/* Card-shop feedback: same quick success language as service package cards. */
.cshop-toast{position:fixed;top:18px;left:50%;z-index:2147483001;display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 32px));padding:10px 15px;border:1px solid var(--red,#e11d33);border-radius:9px;background:#fff;color:#17213a;font-size:13px;font-weight:700;line-height:1.35;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-12px);transition:opacity .2s ease,transform .2s ease}
.swal2-container{z-index:2147483647!important;}
.cshop-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.cshop-toast i{flex:none;color:var(--red,#e11d33);font-size:15px}
.cshop-toast--ok{border-color:#12a05c}
.cshop-toast--ok i{color:#12a05c}
.cshop-toast--del,.cshop-toast--err{border-color:#e5313f}
.cshop-toast--del i,.cshop-toast--err i{color:#e5313f}
.cshop-toast.is-pop{animation:cshopToastPop .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes cshopToastPop{0%{transform:translateX(-50%) translateY(-10px) scale(.96)}60%{transform:translateX(-50%) translateY(1px) scale(1.015)}100%{transform:translateX(-50%) translateY(0) scale(1)}}
@media(max-width:620px){
  .cshop-denom-card{min-height:116px;padding:12px}
  .cshop-denom-foot{padding-top:8px}
  .cshop-denom-add{width:27px;height:27px;min-height:0;padding:0;border-radius:7px}
  .cshop-denom-add>span{display:none}
  .cshop-denom-qb{top:7px;right:7px;min-width:23px;height:21px;font-size:10px}
  .cshop-toast{top:12px;max-width:calc(100vw - 24px);padding:9px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .cshop-toast{transition:none}
  .cshop-toast.is-pop{animation:none}
}

/* Merchandising labels for card-shop subcategories. */
.cshop-tags{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:5px}
.cshop-tag{display:inline-flex;align-items:center;max-width:100%;padding:3px 7px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:800;line-height:1.15;white-space:nowrap}
.cshop-tag--hot{background:#fff1e8;border-color:#ffd2b9;color:#bd4d17}
.cshop-tag--popular{background:#eafaf3;border-color:#b9ead5;color:#11714f}
.cshop-tag--favorite{background:#fff0f5;border-color:#f2bfd1;color:#b33868}
.cshop-tag--new{background:#f2edff;border-color:#d4c6f7;color:#6040ad}
.cshop-brand-info .cshop-tags{min-height:19px}
.cshop-brand-info .cshop-tags + small{margin-top:1px}
.cshop-category > span:nth-child(2) .cshop-tags{margin-bottom:2px}
@media(max-width:620px){
  .cshop-tag{font-size:9.5px;padding:3px 6px}
}

/* Homepage favorites: show only pinned subcategories and every available denomination. */
.home-card-shop-favorites{display:flex;flex-direction:column;gap:12px;margin-top:15px}
.home-card-shop-favorites-head{margin-top:15px}
.home-card-shop-favorite{overflow:hidden;border:1px solid #e8e1e3;border-radius:10px;background:#fff}
.home-card-shop-favorite-head{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-bottom:1px solid #eee8e9;color:var(--ink);text-decoration:none;transition:border-color .15s,background-color .15s}
.home-card-shop-favorite-head:hover{background:#fffafa}
.home-card-shop-favorite-media{position:relative;display:flex;align-items:center;width:148px;height:48px;flex:none;overflow:hidden;padding:0 9px;border:1px solid #f0d5d9;border-radius:7px;background:#fff5f6;color:var(--red)}
.home-card-shop-favorite-media::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,245,246,.97) 0%,rgba(255,245,246,.84) 58%,rgba(255,245,246,.36) 100%);content:"";pointer-events:none}
.home-card-shop-favorite-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.28}
.home-card-shop-favorite-media>span{position:relative;z-index:1;font-size:17px}
.home-card-shop-favorite-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.home-card-shop-favorite-copy small,.home-card-shop-favorite-copy b,.home-card-shop-favorite-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-card-shop-favorite-copy small{color:var(--red);font-size:9.5px;line-height:1.2}
.home-card-shop-favorite-copy b{color:var(--ink);font-size:12.5px;line-height:1.25}
.home-card-shop-favorite-copy em{color:#96888b;font-size:10px;font-style:normal;line-height:1.2}
.home-card-shop-favorite-badge{flex:none;padding:4px 7px;border:1px solid #f2bfd1;border-radius:999px;background:#fff0f5;color:#b33868;font-size:9px;font-weight:800;line-height:1.1;white-space:nowrap}
.home-card-shop-favorite-arrow{flex:none;color:#b7a9ac;font-size:11px}
.home-card-shop-favorite-denoms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}
.home-card-shop-favorite-denom{display:flex;min-width:0;min-height:88px;flex-direction:column;gap:0;padding:10px 11px 9px;border:1px solid #e8e1e3;border-radius:9px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,background-color .15s}
.home-card-shop-favorite-denom:hover{border-color:#d96a74;background:#fffafa}
.home-card-shop-favorite-denom:focus-visible{outline:2px solid color-mix(in srgb,var(--red) 35%,#fff);outline-offset:2px}
.home-card-shop-favorite-denom-name{display:block;max-width:100%;overflow:hidden;padding-right:15px;color:#7d7276;font-size:9.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.home-card-shop-favorite-denom-face{display:block;margin-top:5px;color:#a69a9d;font-size:13px;font-weight:750;letter-spacing:-.01em;line-height:1.2;text-decoration:line-through;text-decoration-color:#c6b7ba;text-decoration-thickness:1px}
.home-card-shop-favorite-denom-foot{display:flex;align-items:center;gap:5px;width:100%;margin-top:auto;padding-top:8px;border-top:1px solid #f0e7e8}
.home-card-shop-favorite-denom-label{margin:0;color:#9a8b8e;font-size:9px;line-height:1;white-space:nowrap}
.home-card-shop-favorite-denom-price{margin-left:auto;color:#b72b3d;font-size:13px;font-weight:850;line-height:1.1;white-space:nowrap}
.home-card-shop-favorite-denom-arrow{display:grid;place-items:center;width:19px;height:19px;flex:none;border:1px solid #f0cbd0;border-radius:6px;color:var(--red);font-size:8px;line-height:1}
.home-card-shop-favorite-denom:hover .home-card-shop-favorite-denom-arrow{border-color:var(--red);background:var(--red);color:#fff}
@media(max-width:1000px){.home-card-shop-favorite-denoms{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
  .home-card-shop-favorite-head{padding:8px}
  .home-card-shop-favorite-media{width:128px;height:38px;padding:0 7px}
  .home-card-shop-favorite-media>span{font-size:14px}
  .home-card-shop-favorite-copy b{font-size:10.5px}
  .home-card-shop-favorite-copy small{font-size:8px}
  .home-card-shop-favorite-copy em{font-size:8.5px}
  .home-card-shop-favorite-badge{padding:3px 6px;font-size:8px}
  .home-card-shop-favorite-arrow{display:none}
  .home-card-shop-favorite-denoms{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
  .home-card-shop-favorite-denom{min-height:78px;padding:8px 9px 8px}
  .home-card-shop-favorite-denom-name{font-size:8.5px}
  .home-card-shop-favorite-denom-face{margin-top:4px;font-size:11.5px}
  .home-card-shop-favorite-denom-foot{padding-top:6px}
  .home-card-shop-favorite-denom-label{font-size:8px}
  .home-card-shop-favorite-denom-price{font-size:9.5px}
  .home-card-shop-favorite-denom-arrow{width:17px;height:17px;font-size:7px}
}
@media(max-width:380px){.home-card-shop-favorite-denoms{grid-template-columns:1fr}}


/* Homepage card shop: split the favorite card into a brand panel and a price grid. */
.home-card-shop.home-card-shop{
  margin-top:26px;
  padding:20px;
  border:1px solid #e9e1e3;
  border-radius:10px;
  background:#fff;
  box-shadow:none!important;
}
.home-card-shop .home-card-shop-head{
  align-items:center;
  gap:18px;
  padding:0 0 14px;
  border-bottom:1px solid #f0e8e9;
}
.home-card-shop .home-card-shop-heading h2{
  margin:6px 0 3px;
  color:#2b1f21;
  font-family:'Baloo 2',cursive;
  font-size:24px;
  line-height:1.08;
}
.home-card-shop .home-card-shop-heading p{
  max-width:680px;
  margin:0;
  color:#8a7b7d;
  font-size:12px;
  line-height:1.45;
}
.home-card-shop .home-card-shop-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:33px;
  padding:0 10px;
  border:1px solid #edc9ce;
  border-radius:6px;
  background:#fff;
  color:#b72b3d;
  font-size:11px;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-more:hover{border-color:#b72b3d;background:#fff7f8;color:#9d2132}
.home-card-shop .home-card-shop-favorites-head{
  margin-top:16px;
  padding:0 2px 8px;
  border-bottom:1px dashed #eee1e3;
}
.home-card-shop .home-card-shop-subhead b{color:#2b1f21;font-size:13px}
.home-card-shop .home-card-shop-subhead span{color:#96888b;font-size:10px}
.home-card-shop .home-card-shop-favorites{gap:12px;margin-top:11px}
.home-card-shop .home-card-shop-favorite{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  overflow:hidden;
  border:1px solid #e9e1e3;
  border-radius:8px;
  background:#fff;
  box-shadow:none!important;
}
.home-card-shop .home-card-shop-favorite-head{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:11px;
  padding:13px;
  border:0;
  border-right:1px solid #f0e8e9;
  background:#fff;
}
.home-card-shop .home-card-shop-favorite-head:hover{background:#fffafa}
.home-card-shop .home-card-shop-favorite-media{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  overflow:hidden;
  padding:0;
  border:1px solid #edd9dc;
  border-radius:5px;
  background:#f3f5f8;
  color:#b72b3d;
}
.home-card-shop .home-card-shop-favorite-media::after{display:none;content:none}
.home-card-shop .home-card-shop-favorite-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  opacity:1!important;
}
.home-card-shop .home-card-shop-favorite-media>span{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  font-size:20px;
}
.home-card-shop .home-card-shop-favorite-copy{gap:5px;padding:0 25px 0 1px}
.home-card-shop .home-card-shop-favorite-copy-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-width:0;
}
.home-card-shop .home-card-shop-favorite-copy-top>small{
  min-width:0;
  overflow:hidden;
  color:#b72b3d;
  font-size:9.5px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-copy>b{
  overflow:hidden;
  color:#2b1f21;
  font-size:16px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-copy>em{
  display:flex;
  align-items:center;
  gap:4px;
  overflow:hidden;
  color:#96888b;
  font-size:10px;
  font-style:normal;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-copy>em svg{flex:none;font-size:9px}
.home-card-shop .home-card-shop-favorite-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex:none;
  max-width:100%;
  overflow:hidden;
  padding:3px 6px;
  border:1px solid #efcbd1;
  border-radius:4px;
  background:#fff;
  color:#b72b3d;
  font-size:8.5px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-badge svg{flex:none;font-size:9px}
.home-card-shop .home-card-shop-favorite-arrow{
  position:absolute;
  top:auto;
  right:13px;
  bottom:13px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid #efcbd1;
  border-radius:6px;
  background:#fff;
  color:#b7a9ac;
  font-size:10px;
  line-height:1;
}
.home-card-shop .home-card-shop-favorite-head:hover .home-card-shop-favorite-arrow{border-color:#b72b3d;background:#fff7f8;color:#b72b3d}
.home-card-shop .home-card-shop-favorite-denoms{
  display:grid;
  grid-column:2;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-content:start;
  gap:9px;
  min-width:0;
  padding:13px;
  background:#fff;
}
.home-card-shop .home-card-shop-favorite-denom{
  display:flex;
  min-width:0;
  min-height:88px;
  flex-direction:column;
  padding:10px 11px 9px;
  border:1px solid #e9e1e3;
  border-radius:6px;
  background:#fff;
  box-shadow:none!important;
}
.home-card-shop .home-card-shop-favorite-denom:hover{border-color:#d96a74;background:#fffafa}
.home-card-shop .home-card-shop-favorite-denom-name{font-size:9.5px}
.home-card-shop .home-card-shop-favorite-denom-face{margin-top:5px;font-size:13px}
.home-card-shop .home-card-shop-favorite-denom-foot{padding-top:8px;border-top:1px solid #f0e7e8}
.home-card-shop .home-card-shop-favorite-denom-label{font-size:9px}
.home-card-shop .home-card-shop-favorite-denom-price{font-size:13px}
.home-card-shop .home-card-shop-favorite-denom-arrow{width:20px;height:20px;border-radius:5px}

@media(max-width:1000px){
  .home-card-shop .home-card-shop-favorite{grid-template-columns:178px minmax(0,1fr)}
  .home-card-shop .home-card-shop-favorite-denoms{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:680px){
  .home-card-shop.home-card-shop{margin:18px 14px 0;padding:14px 12px 13px;border-radius:9px}
  .home-card-shop .home-card-shop-head{align-items:flex-start;gap:8px;padding-bottom:11px}
  .home-card-shop .home-card-shop-heading h2{margin:5px 0 3px;font-size:19px}
  .home-card-shop .home-card-shop-heading p{font-size:10px;line-height:1.4}
  .home-card-shop .home-card-shop-more{min-height:28px;padding:0 7px;font-size:9px}
  .home-card-shop .home-card-shop-favorites-head{margin-top:13px;padding-bottom:7px}
  .home-card-shop .home-card-shop-subhead b{font-size:11px}
  .home-card-shop .home-card-shop-subhead span{font-size:9px}
  .home-card-shop .home-card-shop-favorites{gap:9px;margin-top:9px}
  .home-card-shop .home-card-shop-favorite{display:block;border-radius:7px}
  .home-card-shop .home-card-shop-favorite-head{
    display:grid;
    grid-template-columns:108px minmax(0,1fr);
    align-items:center;
    gap:8px;
    min-height:76px;
    padding:9px;
    border-right:0;
    border-bottom:1px solid #f0e8e9;
  }
  .home-card-shop .home-card-shop-favorite-media{width:108px;height:54px}
  .home-card-shop .home-card-shop-favorite-copy{gap:4px;padding:0 24px 0 0}
  .home-card-shop .home-card-shop-favorite-copy-top{align-items:flex-start;gap:5px}
  .home-card-shop .home-card-shop-favorite-copy-top>small{font-size:8px}
  .home-card-shop .home-card-shop-favorite-copy>b{font-size:11px}
  .home-card-shop .home-card-shop-favorite-copy>em{font-size:8.5px}
  .home-card-shop .home-card-shop-favorite-copy>em svg{font-size:8px}
  .home-card-shop .home-card-shop-favorite-badge{padding:3px 5px;font-size:7.5px}
  .home-card-shop .home-card-shop-favorite-badge svg{font-size:8px}
  .home-card-shop .home-card-shop-favorite-arrow{display:none}
  .home-card-shop .home-card-shop-favorite-denoms{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
  .home-card-shop .home-card-shop-favorite-denom{min-height:76px;padding:8px 9px}
  .home-card-shop .home-card-shop-favorite-denom-name{font-size:8.5px}
  .home-card-shop .home-card-shop-favorite-denom-face{margin-top:4px;font-size:11.5px}
  .home-card-shop .home-card-shop-favorite-denom-foot{padding-top:6px}
  .home-card-shop .home-card-shop-favorite-denom-label{font-size:8px}
  .home-card-shop .home-card-shop-favorite-denom-price{font-size:10px}
  .home-card-shop .home-card-shop-favorite-denom-arrow{width:17px;height:17px;font-size:7px}
}
@media(max-width:380px){
  .home-card-shop .home-card-shop-favorite-head{grid-template-columns:96px minmax(0,1fr)}
  .home-card-shop .home-card-shop-favorite-media{width:96px;height:48px}
  .home-card-shop .home-card-shop-favorite-denoms{grid-template-columns:1fr}
}

/* Catalog denominations: show the card type, face value and sale price in a clear order. */
.cshop-catalog .cshop-denom-card{
  min-height:132px;
  align-items:stretch;
  padding:13px 13px 11px;
  border-radius:9px;
  box-shadow:none!important;
}
.cshop-catalog .cshop-denom-card:hover{border-color:#d96a74;background:#fffafa}
.cshop-catalog .cshop-denom-top{
  display:block;
  width:100%;
  margin:0 0 10px;
  padding:0 0 8px;
  border:0;
  border-bottom:1px solid #f1e8ea;
  color:#9a8b8e;
}
.cshop-catalog .cshop-denom-top small{
  display:block;
  min-height:0;
  max-width:100%;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#8f7e82;
  font-size:10px;
  font-weight:700;
  letter-spacing:0;
  line-height:1.25;
  text-transform:none;
  white-space:normal;
}
.cshop-catalog .cshop-denom-name{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#4d4044;
  font-size:18px;
  font-weight:850;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cshop-catalog .cshop-denom-name.is-discount{
  color:var(--red,#e11d33);
  font-size:15px;
  font-weight:750;
  text-decoration:none;
}
.cshop-catalog .cshop-denom-card.is-in-cart .cshop-denom-name{color:#b72b3d}
.cshop-catalog .cshop-denom-foot{
  margin-top:auto;
  padding-top:9px;
  border-top:1px solid #f1e8ea;
}
.cshop-catalog .cshop-denom-price{gap:3px}
.cshop-catalog .cshop-denom-price>small{font-size:9px;letter-spacing:.03em;text-transform:uppercase}
.cshop-catalog .cshop-denom-price>b{font-size:15px;font-weight:850}

@media(max-width:620px){
  .cshop-catalog .cshop-denom-card{min-height:112px;padding:10px 10px 9px}
  .cshop-catalog .cshop-denom-top{margin-bottom:8px;padding-bottom:6px}
  .cshop-catalog .cshop-denom-top small{font-size:8.5px;line-height:1.2}
  .cshop-catalog .cshop-denom-name{font-size:15px}
  .cshop-catalog .cshop-denom-name.is-discount{font-size:13px}
  .cshop-catalog .cshop-denom-foot{padding-top:7px}
  .cshop-catalog .cshop-denom-price>b{font-size:12px}
}

/* Homepage favorite denominations use the same full card hierarchy as the catalog. */
.home-card-shop .home-card-shop-heading h2{margin:0 0 4px}
.home-card-shop .home-card-shop-favorite-denom{
  min-height:132px;
  align-items:stretch;
  justify-content:flex-start;
  padding:13px 13px 11px;
  border-radius:9px;
  text-align:left;
  box-shadow:none!important;
}
.home-card-shop .home-card-shop-favorite-denom-top{
  display:block;
  width:100%;
  margin:0 0 10px;
  padding:0 0 8px;
  border-bottom:1px solid #f1e8ea;
  color:#8f7e82;
}
.home-card-shop .home-card-shop-favorite-denom-top small{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#8f7e82;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-denom-face{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#4d4044;
  font-size:18px;
  font-weight:850;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-denom-face.is-discount{
  color:var(--red,#e11d33);
  font-size:15px;
  font-weight:750;
  text-decoration-color:color-mix(in srgb,var(--red,#e11d33) 55%,#fff);
  text-decoration-line:line-through;
  text-decoration-thickness:1.5px;
}
.home-card-shop .home-card-shop-favorite-denom-foot{
  margin-top:auto;
  padding-top:9px;
  border-top:1px solid #f1e8ea;
}
.home-card-shop .home-card-shop-favorite-denom-price{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
  margin:0;
  color:#9a8b8e;
  font-size:10px;
  line-height:1.15;
}
.home-card-shop .home-card-shop-favorite-denom-price small{
  color:#9a8b8e;
  font-size:9px;
  letter-spacing:.03em;
  line-height:1;
  text-transform:uppercase;
}
.home-card-shop .home-card-shop-favorite-denom-price b{
  color:#b72b3d;
  font-size:15px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-denom-add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex:none;
  min-height:28px;
  padding:0 9px;
  border:1px solid var(--red,#e11d33);
  border-radius:7px;
  background:var(--red,#e11d33);
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.home-card-shop .home-card-shop-favorite-denom-add i{font-size:9px}
.home-card-shop .home-card-shop-favorite-denom:hover .home-card-shop-favorite-denom-add{background:#c8172d}

@media(max-width:680px){
  .home-card-shop .home-card-shop-favorite-denom{min-height:112px;padding:10px 10px 9px}
  .home-card-shop .home-card-shop-favorite-denom-top{margin-bottom:8px;padding-bottom:6px}
  .home-card-shop .home-card-shop-favorite-denom-top small{font-size:8.5px;line-height:1.2}
  .home-card-shop .home-card-shop-favorite-denom-face{font-size:15px}
  .home-card-shop .home-card-shop-favorite-denom-face.is-discount{font-size:13px}
  .home-card-shop .home-card-shop-favorite-denom-foot{padding-top:7px}
  .home-card-shop .home-card-shop-favorite-denom-price{gap:2px}
  .home-card-shop .home-card-shop-favorite-denom-price small{font-size:8px}
  .home-card-shop .home-card-shop-favorite-denom-price b{font-size:12px}
  .home-card-shop .home-card-shop-favorite-denom-add{width:27px;min-height:27px;padding:0;border-radius:7px}
  .home-card-shop .home-card-shop-favorite-denom-add>span{display:none}
}

/* Balance the homepage favorite: one clean header, then the complete denomination grid. */
.home-card-shop .home-card-shop-favorite{display:block}
.home-card-shop .home-card-shop-favorite-head{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:0;
  padding:12px 14px;
  border-right:0;
  border-bottom:1px solid #f0e8e9;
  background:#fff;
}
.home-card-shop .home-card-shop-favorite-media{
  flex:0 0 clamp(150px,20vw,200px);
  width:clamp(150px,20vw,200px);
  height:auto;
  aspect-ratio:2/1;
}
.home-card-shop .home-card-shop-favorite-copy{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  gap:5px;
  padding:0;
}
.home-card-shop .home-card-shop-favorite-copy-top{
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  row-gap:4px;
}
.home-card-shop .home-card-shop-favorite-arrow{
  position:static;
  display:grid;
  flex:0 0 30px;
  width:30px;
  height:30px;
  margin-left:auto;
}
.home-card-shop .home-card-shop-favorite-denoms{
  grid-column:auto;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:1000px){
  .home-card-shop .home-card-shop-favorite-media{flex-basis:170px;width:170px}
}
@media(max-width:680px){
  .home-card-shop .home-card-shop-favorite-head{
    gap:9px;
    min-height:76px;
    padding:9px;
    border-bottom:1px solid #f0e8e9;
  }
  .home-card-shop .home-card-shop-favorite-media{flex-basis:108px;width:108px;height:54px;aspect-ratio:auto}
  .home-card-shop .home-card-shop-favorite-copy{gap:4px}
  .home-card-shop .home-card-shop-favorite-arrow{flex-basis:28px;width:28px;height:28px}
  .home-card-shop .home-card-shop-favorite-denoms{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .home-card-shop .home-card-shop-favorite-head{gap:7px}
  .home-card-shop .home-card-shop-favorite-media{flex-basis:92px;width:92px;height:46px}
  .home-card-shop .home-card-shop-favorite-arrow{flex-basis:26px;width:26px;height:26px}
}

/* Completed card delivery popup. Keep the result readable on desktop and
 * compact on phones; card data is rendered by app.js after the order commits. */
.swal2-popup.cshop-result-modal{padding:24px;border:1px solid #e4e8ee;border-radius:12px;box-shadow:0 12px 34px rgba(24,33,52,.14)}
.cshop-result-modal .swal2-title{margin:0 0 5px;color:#18213a;font-size:22px}
.cshop-result-modal .swal2-html-container{margin:0;text-align:left}
.cshop-result-modal-body{width:100%;color:#5c6678}
.cshop-result-note{margin:0 0 14px;color:#687386;font-size:13px;line-height:1.5;text-align:center}
.cshop-result-next{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:9px 10px;border:1px solid #f0cbd0;border-radius:11px;background:#fff5f6;color:#8f2b3b;font-size:11.5px;font-weight:700;line-height:1.4}
.cshop-result-next-hand{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#ffe2e6;color:#c51c32;font-size:16px;transform:rotate(-12deg)}
.cshop-result-next b{color:#b3162c}
.cshop-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}
.cshop-result-meta>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px 11px;border:1px solid #e5e9ef;background:#fafbfc}
.cshop-result-meta small,.cshop-result-value small,.cshop-result-expired small{color:#8993a4;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cshop-result-meta b{overflow:hidden;color:#18213a;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.cshop-result-list{display:flex;max-height:310px;flex-direction:column;gap:9px;overflow:auto;padding-right:2px}
.cshop-result-card{padding:12px;border:1px solid #e1e6ec;background:#fff}
.cshop-result-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #edf0f4}
.cshop-result-card-head span{color:#8993a4;font-size:11px;font-weight:700}
.cshop-result-card-head b{overflow:hidden;color:#263149;font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.cshop-result-value{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:7px}
.cshop-result-value code{min-width:0;overflow-wrap:anywhere;color:#18213a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700;line-height:1.35}
.cshop-result-copy{height:27px;padding:0 8px;border:1px solid #d9dfe8;background:#fff;color:#c51c32;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.cshop-result-copy:hover,.cshop-result-copy.is-copied{border-color:#c51c32;background:#c51c32;color:#fff}
.cshop-result-expired{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid #f0f2f5}
.cshop-result-expired span{color:#4c586b;font-size:11px}
.cshop-result-empty{padding:18px;border:1px dashed #d8dee7;color:#6d7889;font-size:12px;text-align:center}
@media(max-width:560px){
  .swal2-popup.cshop-result-modal{width:calc(100% - 24px)!important;padding:18px 14px}
  .cshop-result-modal .swal2-title{font-size:19px}
  .cshop-result-next{font-size:11px}
  .cshop-result-meta{grid-template-columns:1fr}
  .cshop-result-value{grid-template-columns:48px minmax(0,1fr);gap:6px}
  .cshop-result-copy{grid-column:2;justify-self:start}
  .cshop-result-modal .swal2-actions{width:100%;gap:7px}
  .cshop-result-modal .swal2-actions button{margin:0!important;flex:1}
}
/* Keep the cart quantity marker inside its card while the checkout modal is open. */
.cshop-catalog .cshop-denom-qb{
  z-index:1!important;
  min-width:21px;
  width:auto;
  height:18px;
  min-height:18px;
  max-height:18px;
  padding:0 5px;
  border-radius:999px;
  box-sizing:border-box;
  font-size:9px;
  line-height:18px;
  overflow:hidden;
  white-space:nowrap;
  pointer-events:none;
}
.cshop-catalog .cshop-checkout-modal{
  z-index:2147483000!important;
  isolation:isolate;
}
.cshop-catalog .cshop-checkout-modal .sup-modal-card{z-index:1;}
.cshop-catalog.is-cshop-modal-open .cshop-cart-panel{z-index:2147483000;}
.cshop-catalog.is-cshop-modal-open .cshop-catalog-main{position:relative;z-index:0;}

/* Keep the catalog cards readable when the cart sits beside the catalog. */
@media (max-width:1100px) and (min-width:621px){
  .cshop-catalog .cshop-brand-grid,
  .cshop-catalog .cshop-denom-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
