#bagModal{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;border:1px solid #36332c;border-radius:20px;background:#161615;overflow:auto;box-shadow:0 24px 90px #0009}
#bagModal::backdrop{background:#000b;backdrop-filter:blur(8px)}
#bagModal>.close{top:17px;right:17px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #37342d;border-radius:50%;background:#22211d;color:#d8d1c1;font-size:22px;line-height:1}
.bag-heading{padding:4px 36px 24px 0;border-bottom:1px solid #302e27}
.bag-heading .tiny{font-size:9px;letter-spacing:2px;color:#b9ab8e}
#bagModal h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:12px 0 8px}
#bagModal h2 span{color:#d6c39a}
#bagSummary{font-size:12px;color:#979184;margin:0}
#bagItems .bag-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;border-color:#302e27}
#bagItems .bag-row>img{width:84px;height:105px;object-fit:cover;border-radius:8px;background:#fff}
#bagItems .bag-item-detail{min-width:0}
#bagItems .bag-item-detail b{display:block;font-size:13px;font-weight:500;line-height:1.5;color:#eee9df}
#bagItems .bag-item-detail small{font-size:11px;color:#9f9787;line-height:1.6;margin-top:6px}
#bagItems .quantity{display:inline-flex;gap:0;margin-top:12px;border:1px solid #423c30;border-radius:7px;overflow:hidden;background:#1e1d19}
#bagItems .quantity button{width:34px;height:32px;border:0;border-radius:0;background:none;font-size:16px;color:#ddd0b4}
#bagItems .quantity button:hover{background:#353025}
#bagItems .quantity span{min-width:28px;text-align:center;font-size:12px}
.bag-item-end{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.bag-item-end strong{font-size:14px;font-weight:600;color:#e8d9b9;white-space:nowrap}
#bagItems .bag-item-end button{font-size:10px;color:#9f9787;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.bag-checkout{padding:22px;margin-top:22px;border:1px solid #343026;border-radius:12px;background:#1d1c18}
#bagTotal{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:400;color:#b7af9f}
#bagTotal strong{font-size:23px;letter-spacing:-.6px;font-weight:600;color:#f0e4ca}
.bag-shipping{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#91897a;margin-top:13px}
#bagModal #checkout{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin-top:23px;border-radius:8px;background:#e8dfcc;color:#191815;font-size:13px;font-weight:600;padding:14px 17px}
#bagModal #checkout:hover{background:#fff1d6}
#bagModal #checkout:disabled{opacity:.35;cursor:default}
#bagModal #checkout>span:last-child{font-size:19px}
#bagModal .demo{font-size:10px;line-height:1.7;text-align:center;color:#938a79;margin-top:13px}
.bag-empty{text-align:center;padding:30px 10px}
.bag-empty>span{display:block;font-size:36px;color:#d6c39a}
.bag-empty h3{font-size:16px;font-weight:500;line-height:1.5;color:#e8dfcc}
.bag-empty p{font-size:12px}
@media(max-width:500px){#bagModal{padding:22px 16px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.bag-heading{padding-bottom:20px}#bagModal h2{font-size:28px}#bagItems .bag-row{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:18px 0}#bagItems .bag-row>img{width:66px;height:83px;grid-row:1/3;align-self:start}.bag-item-end{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}#bagItems .bag-item-detail b{font-size:12px}.bag-checkout{padding:16px;margin-top:18px}#bagTotal strong{font-size:21px}.bag-shipping{font-size:10px}#bagModal>.close{top:12px;right:12px}}
dialog .close{display:grid;place-items:center;padding:0;line-height:1}
dialog .close svg{display:block;width:16px;height:16px;pointer-events:none}
.share-product{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:12px;padding:12px;border:1px solid #484133;border-radius:8px;background:transparent;color:#dfd2b7;font-size:12px}
.share-product:hover{background:#29251e}
.products .product-actions .share-card{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;margin-left:auto;border:1px solid #36342c;border-radius:50%;background:none;color:#ddd3bd;font-size:21px}
.products .product-actions .arrow{margin-left:0}
#shareUrl{width:100%;margin-top:10px;padding:13px;border:1px solid #514836;border-radius:7px;background:#24211b;color:#eee3cb;font:13px inherit}
#shareModal label{font-size:12px;color:#bdb29e}
.product-code{display:block;margin-top:12px;color:#918979;font-size:10px;letter-spacing:.7px}
#bagModal{background:#141413;border-color:#383328;color:#f3eee3}
#bagModal .bag-heading .tiny{color:#cdbb96}
#bagModal .bag-heading{border-color:#343025}
#bagModal #bagTitle{color:#f3eee3}
#bagModal #bagSummary,#bagModal .bag-empty p{color:#aaa18e}
#bagModal .bag-empty>span{color:#ddc799}
#bagModal .bag-empty h3{color:#e8dfcc}
#bagModal .text-action{color:#ddc799}
#bagModal .text-action:hover{color:#fff0cc}
#bagModal .bag-checkout{background:#1d1b16;border-color:#403829}
#bagModal #bagTotal{color:#c1b59d}
#bagModal #bagTotal strong{color:#eadaba}
#bagModal .bag-shipping,#bagModal .demo{color:#a69a82}
#bagModal #checkout:disabled{opacity:1;background:#29251d;border:1px solid #4b402d;color:#b5a17b}
#bagModal #checkout:disabled:hover{background:#29251d}
.color-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.color-option{display:grid;place-items:center;width:32px;height:32px;padding:5px;background:none;border:1px solid #444137;border-radius:50%}
.color-option span{display:block;width:100%;height:100%;background:var(--swatch);border-radius:50%;border:1px solid #ffffff40}
.color-option.selected{border:2px solid #e8dfcc;padding:4px}
.color-option:hover{outline:1px solid #a89b80;outline-offset:2px}
.catalog-filter{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#a8a294;font-size:10px;letter-spacing:.3px}
.catalog-filter select{appearance:none;-webkit-appearance:none;width:100%;min-width:160px;max-width:none;padding:12px 38px 12px 14px;min-height:44px;border:1px solid #39362e;background-color:#171715;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23c7baa0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;border-radius:9px;color:#eee9df;font-size:12px;font-weight:500;letter-spacing:0;transition:border-color .15s,background-color .15s}
.catalog-filter select:hover{border-color:#71634b;background-color:#1f1d18}
.catalog-filter select:focus-visible{outline:2px solid #d2c09b;outline-offset:3px}
.filters #filterButtons{gap:16px;align-items:end}
.filters{align-items:end;padding:18px;background:#10100f;border:1px solid #292721;border-radius:12px}
.filters .sort-label{align-self:end;padding-bottom:12px}
.catalog-filter option{background:#1b1a17;color:#eee9df}
.result-count{color:#989286;font-size:11px;margin:-8px 0 22px}
.text-action{background:none;border:0;color:#daccaf;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.purchase-info{border-top:1px solid #35332b;padding-top:15px;margin-top:20px;font-size:12px;color:#c1b9a7}
.purchase-info summary{cursor:pointer}
.purchase-info p{font-size:12px;line-height:1.7;color:#a49c8e}
.quantity{display:flex;align-items:center;gap:12px;margin-top:10px}
.quantity button{border:1px solid #484237;border-radius:5px;width:28px;height:28px;background:#24221d;color:#e8dfcc}
#bagModal .primary{background:#e8dfcc;color:#191815}
.measure-pending{padding:16px;border:1px solid #4a4334;border-radius:8px;background:#262219;color:#e8dfcc;font-size:13px;line-height:1.7}
#guideModal{max-height:85dvh;overflow:auto}
#guideModal ol{padding-left:22px;font-size:13px;line-height:1.8;color:#bab4a6}
#guideModal li{margin-bottom:12px}
#zoomModal{width:min(900px,96vw);max-height:96dvh;padding:0;border-radius:10px;overflow:auto;background:#121212}
#zoomImage{display:block;width:100%;height:auto}
#zoomModal .close{position:sticky;top:12px;float:right;margin:12px 12px -48px 0;width:36px;height:36px;border-radius:50%;background:#171717e6;color:white;z-index:3}
#productDetail .gallery-slide{cursor:zoom-in}
@media(max-width:700px){.filters #filterButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}.catalog-filter{font-size:10px;width:100%;min-width:0}.catalog-filter select{min-width:0;max-width:none;font-size:12px;padding-left:12px}.filters{align-items:end;padding:14px;gap:16px}.filters .sort-label{padding-bottom:0;margin-left:0}.bag-row{gap:9px}.bag-row>button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.catalog-filter select{transition:none}}