.shop-page{padding:42px 0 72px}.shop-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;padding:30px;border:1px solid rgba(181,147,86,.32);background:linear-gradient(135deg,rgba(31,35,42,.96),rgba(18,20,25,.96));border-radius:18px}.shop-hero h1{margin:4px 0 8px;font-size:34px}.shop-hero p{margin:0;color:#b9bdc7}.shop-eyebrow{font-size:12px;letter-spacing:.2em;color:#d5b36b}.shop-cart-link,.shop-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b79356;background:#b79356;color:#16181c;padding:11px 17px;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s ease,filter .18s ease}.shop-cart-link:hover,.shop-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.shop-cart-link strong{min-width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:#17191e;color:#fff}.shop-categories{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.shop-categories a{padding:9px 14px;border:1px solid rgba(181,147,86,.28);border-radius:999px;text-decoration:none;color:#c9ccd3}.shop-categories a.is-active{background:#b79356;color:#15171b}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.shop-card,.shop-panel{border:1px solid rgba(181,147,86,.25);background:rgba(24,27,33,.94);border-radius:16px;overflow:hidden}.shop-card{display:flex;flex-direction:column;min-height:100%;box-shadow:0 14px 34px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.shop-card:hover{transform:translateY(-3px);border-color:rgba(213,179,107,.48);box-shadow:0 18px 42px rgba(0,0,0,.25)}.shop-card__media{height:300px;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 45%,rgba(181,147,86,.12),rgba(10,12,16,.66) 58%);color:#8f96a3;letter-spacing:.15em}.shop-card__media img{width:auto;height:auto;max-width:240px;max-height:240px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.38))}.shop-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.shop-card__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:#b79356;font-size:12px}.shop-card__meta small{padding-top:3px;color:#7f8794}.shop-card__badges{display:flex;flex-wrap:wrap;gap:6px}.shop-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;font-size:11px;line-height:1}.shop-badge--type{background:rgba(181,147,86,.16);border:1px solid rgba(181,147,86,.38);color:#dfc58d}.shop-badge--category{background:rgba(111,126,153,.16);border:1px solid rgba(111,126,153,.34);color:#c4cede}.shop-card h2{font-size:21px;line-height:1.42;margin:12px 0 8px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-card__summary{min-height:42px;margin:0 0 15px;color:#aeb3bd;line-height:1.65;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-package-preview{margin:2px 0 18px;border:1px solid rgba(181,147,86,.2);background:rgba(9,11,15,.35);border-radius:12px;overflow:hidden}.shop-package-preview__title{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.07);color:#d8c08e;font-size:13px}.shop-package-preview__title strong{font-size:12px;color:#9299a5}.shop-package-empty{padding:18px 13px;color:#858c98;text-align:center}.shop-package-details>summary{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;cursor:pointer;list-style:none;color:#d4d8df;font-size:13px;user-select:none}.shop-package-details>summary::-webkit-details-marker{display:none}.shop-package-details>summary:before{content:'＋';margin-right:8px;color:#d5b36b;font-weight:700}.shop-package-details[open]>summary:before{content:'－'}.shop-package-summary-label{margin-right:auto}.shop-package-summary-count{color:#8d95a2;font-size:12px}.shop-package-list{display:grid;gap:7px;padding:0 10px 11px}.shop-package-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);border-radius:9px}.shop-package-item__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#101319;color:#656d79;font-size:8px;letter-spacing:.08em;overflow:hidden}.shop-package-item__icon img{max-width:36px;max-height:36px;object-fit:contain}.shop-package-item__info{min-width:0;display:flex;flex-direction:column;gap:5px}.shop-package-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9dce2;font-size:13px}.shop-package-item__qty{white-space:nowrap;color:#e4c98f;font-size:13px}.shop-delivery{align-self:flex-start;padding:2px 6px;border-radius:999px;font-size:10px;line-height:1.3}.shop-delivery--auto{background:rgba(69,139,91,.18);border:1px solid rgba(69,139,91,.35);color:#9fd0ac}.shop-delivery--manual{background:rgba(172,118,62,.18);border:1px solid rgba(172,118,62,.38);color:#e1b781}.shop-card__footer{margin-top:auto;padding-top:2px}.shop-card__price{display:flex;align-items:baseline;gap:10px;margin:14px 0}.shop-card__price strong{font-size:25px;color:#e3c98f}.shop-card__price del{color:#818690}.shop-card__footer form,.shop-card__footer .shop-button{width:100%}.shop-panel{padding:24px}.shop-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shop-cart-list{display:grid;gap:12px}.shop-cart-item{display:grid;grid-template-columns:88px 1fr 110px 130px 64px;align-items:center;gap:16px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.shop-cart-item__media{height:78px;display:grid;place-items:center;background:#111319;border-radius:8px}.shop-cart-item__media img{max-width:68px;max-height:68px;object-fit:contain}.shop-cart-item__info h3{margin:0 0 5px}.shop-cart-item input{width:78px}.shop-remove{border:0;background:none;color:#d28b8b;cursor:pointer}.shop-cart-summary{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:flex-end;gap:15px}.shop-cart-summary strong{font-size:23px;color:#e3c98f}.shop-button--disabled{opacity:.45;cursor:not-allowed}.shop-empty{text-align:center;padding:56px 20px;border:1px dashed rgba(181,147,86,.35);border-radius:14px}.shop-alert{padding:12px 15px;margin-bottom:18px;border-radius:10px}.shop-alert--success{background:rgba(73,139,91,.18);border:1px solid rgba(73,139,91,.45)}.shop-alert--error{background:rgba(174,73,73,.18);border:1px solid rgba(174,73,73,.45)}@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.shop-cart-item{grid-template-columns:72px 1fr 90px}.shop-cart-item>strong,.shop-remove{grid-column:2/4}.shop-cart-summary{flex-wrap:wrap}}@media(max-width:640px){.shop-page{padding-top:24px}.shop-hero{align-items:flex-start;flex-direction:column;padding:22px}.shop-hero h1{font-size:29px}.shop-grid{grid-template-columns:1fr}.shop-card__media{height:270px}.shop-card__media img{max-width:150px;max-height:150px}.shop-card__body{padding:17px}.shop-cart-item{grid-template-columns:64px 1fr}.shop-cart-item>div:nth-child(3),.shop-cart-item>strong,.shop-remove{grid-column:2}.shop-cart-summary{align-items:stretch;flex-direction:column}.shop-package-item{grid-template-columns:38px minmax(0,1fr) auto}.shop-package-item__icon{width:38px;height:38px}}
.shop-package-list--preview{padding-top:10px}.shop-package-list--preview+.shop-package-details{border-top:1px solid rgba(255,255,255,.07)}

/* Step 3-2-3-3: catalog sorting + larger 4:3 product covers */
.shop-catalog-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.shop-catalog-tools .shop-categories{margin-bottom:0;flex:1}.shop-sort{display:flex;align-items:center;gap:9px;white-space:nowrap}.shop-sort label{font-size:13px;color:#aeb3bd}.shop-sort select{min-width:148px;padding:9px 34px 9px 12px;border:1px solid rgba(181,147,86,.38);border-radius:9px;background:#171a20;color:#e2e4e9;font:inherit;cursor:pointer}.shop-sort select:focus{outline:2px solid rgba(213,179,107,.28);outline-offset:2px}
.shop-card__media{width:100%;height:auto;aspect-ratio:4/3;padding:0;overflow:hidden;background:#0d0f13}.shop-card__media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;filter:none;transition:transform .3s ease}.shop-card:hover .shop-card__media img{transform:scale(1.025)}
@media(max-width:760px){.shop-catalog-tools{align-items:stretch;flex-direction:column}.shop-sort{justify-content:space-between}.shop-sort select{flex:1}.shop-card__media{height:auto}.shop-card__media img{max-width:none;max-height:none}}

/* Step 3-2-3-4: enlarge product cover while preserving the existing content layout */
.shop-card__media{
    width:calc(100% - 40px);
    aspect-ratio:4 / 3;
    height:auto;
    margin:20px 20px 0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(181,147,86,.24);
    border-radius:12px;
    background:#0d0f13;
    box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.shop-card__media img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    display:block;
    object-fit:cover;
    object-position:center;
    filter:none;
    transition:transform .3s ease;
}
.shop-card:hover .shop-card__media img{transform:scale(1.025)}

@media (min-width:761px){
    .shop-card__media{min-height:250px;max-height:270px}
}
@media (max-width:760px){
    .shop-card__media{
        width:calc(100% - 32px);
        margin:16px 16px 0;
        min-height:0;
        max-height:none;
        aspect-ratio:4 / 3;
        border-radius:10px;
    }
}


/* Step 3-2-3-7: product search */
.shop-search{margin:0 0 20px}.shop-search__form{display:flex;align-items:center;gap:10px}.shop-search__field{position:relative;flex:1}.shop-search__field>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#d5b36b;font-size:20px;pointer-events:none}.shop-search__field input{width:100%;height:46px;padding:10px 16px 10px 45px;border:1px solid rgba(181,147,86,.35);border-radius:11px;background:rgba(18,21,27,.94);color:#eef0f4;font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.shop-search__field input::placeholder{color:#7e8795}.shop-search__field input:focus{outline:2px solid rgba(213,179,107,.28);outline-offset:2px;border-color:rgba(213,179,107,.58)}.shop-search__submit{height:46px;min-width:88px}.shop-search__clear{color:#c7ccd5;text-decoration:none;white-space:nowrap}.shop-search__clear:hover{color:#f1cf82}.shop-search__result{margin:10px 2px 0;color:#979fab;font-size:13px}.shop-search__result strong{color:#e5c784}.shop-empty .shop-button{margin-top:12px}
@media(max-width:640px){.shop-search__form{align-items:stretch;flex-wrap:wrap}.shop-search__field{flex-basis:100%}.shop-search__submit{flex:1}.shop-search__clear{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 12px}}

/* Step 3-2-3-8: product quick preview */
.shop-card__media{position:relative}
.shop-quick-preview-trigger{position:absolute;z-index:4;left:50%;bottom:14px;transform:translate(-50%,0);min-width:116px;padding:9px 16px;border:1px solid rgba(238,205,135,.78);border-radius:999px;background:rgba(12,14,18,.92);color:#f1cf82;font-weight:800;letter-spacing:.04em;cursor:pointer;opacity:1;visibility:visible;box-shadow:0 6px 18px rgba(0,0,0,.38);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.shop-card__media:hover .shop-quick-preview-trigger,.shop-quick-preview-trigger:focus{transform:translate(-50%,-2px);box-shadow:0 9px 22px rgba(0,0,0,.5)}
.shop-quick-preview-trigger:hover{background:rgba(181,147,86,.94);color:#111319}
.shop-quick-preview{position:fixed;z-index:9999;inset:0;display:none;align-items:center;justify-content:center;padding:24px}
.shop-quick-preview.is-open{display:flex}
.shop-quick-preview__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.shop-quick-preview__dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,46%) minmax(0,1fr);width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(213,174,92,.42);border-radius:18px;background:#181b21;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.shop-quick-preview__close{position:absolute;z-index:3;top:12px;right:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(10,12,16,.82);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.shop-quick-preview__media{min-height:420px;background:#0d0f13;overflow:hidden}
.shop-quick-preview__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.shop-quick-preview__media>span{height:100%;display:grid;place-items:center;color:#8f96a3;letter-spacing:.15em}
.shop-quick-preview__content{overflow-y:auto;padding:30px}
.shop-quick-preview__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-right:42px}.shop-quick-preview__meta small{margin-left:auto;color:#8b93a0}
.shop-quick-preview__content h2{margin:15px 0 9px;color:#f5f6f8;font-size:29px;line-height:1.35}
.shop-quick-preview__summary{margin:0 0 14px;color:#c2c7d0;font-size:16px;line-height:1.7}
.shop-quick-preview__description{margin:0 0 18px;padding:14px 16px;border-left:3px solid rgba(213,174,92,.55);background:rgba(255,255,255,.025);color:#9fa7b4;line-height:1.75}
.shop-quick-preview__package{margin:0 0 18px;border:1px solid rgba(181,147,86,.22);border-radius:12px;background:rgba(9,11,15,.35);overflow:hidden}
.shop-quick-preview__package .shop-package-list{max-height:260px;overflow-y:auto;padding:10px}
.shop-quick-preview__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.shop-quick-preview__footer form{min-width:180px}.shop-quick-preview__footer .shop-button{width:100%}
html.shop-preview-open{overflow:hidden}
@media(max-width:760px){.shop-quick-preview-trigger{opacity:1;visibility:visible;transform:translate(-50%,0);bottom:10px}.shop-quick-preview{padding:12px}.shop-quick-preview__dialog{grid-template-columns:1fr;width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto}.shop-quick-preview__media{min-height:0;aspect-ratio:4/3}.shop-quick-preview__content{overflow:visible;padding:20px}.shop-quick-preview__content h2{font-size:24px}.shop-quick-preview__footer{align-items:stretch;flex-direction:column}.shop-quick-preview__footer form{min-width:0}.shop-quick-preview__package .shop-package-list{max-height:none}}

/* Step 3-2-3-8 Rebuild: shared quick preview + stable featured cards */
.shop-featured-card__body{display:flex;flex-direction:column;gap:12px}
.shop-featured-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.shop-featured-card__actions form,.shop-featured-card__actions .shop-button{width:100%}
.shop-featured-card__price strong{color:#f1cf82;font-size:20px}
.shop-preview-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid rgba(213,174,92,.55);border-radius:8px;background:rgba(213,174,92,.08);color:#f1cf82;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.shop-preview-button:hover,.shop-preview-button:focus{background:rgba(213,174,92,.18);border-color:rgba(238,205,135,.8);transform:translateY(-1px);outline:none}
.shop-quick-preview-trigger{display:inline-flex!important;align-items:center;justify-content:center!important}
.shop-quick-preview[aria-hidden="true"]{display:none!important}
.shop-quick-preview.is-open[aria-hidden="false"]{display:flex!important}
.shop-quick-preview__media{position:relative}
.shop-quick-preview__media>img{display:none}
.shop-quick-preview__media>span{display:grid}
.shop-quick-preview__description{white-space:pre-line}
@media(max-width:560px){.shop-featured-card__actions{grid-template-columns:1fr}}

/* Step 3-3-1｜Shop Banner */
.shop-banner{position:relative;margin:0 0 28px;border:1px solid rgba(213,174,92,.28);border-radius:18px;overflow:hidden;background:#0b0d11;box-shadow:0 18px 44px rgba(0,0,0,.34)}.shop-banner__viewport{position:relative;aspect-ratio:8/3;min-height:300px}.shop-banner__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.shop-banner__slide.is-active{opacity:1;visibility:visible;z-index:1}.shop-banner__slide picture,.shop-banner__slide img{width:100%;height:100%;display:block}.shop-banner__slide img{object-fit:cover;object-position:center}.shop-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.86) 0%,rgba(5,7,10,.58) 42%,rgba(5,7,10,.08) 74%,rgba(5,7,10,.18) 100%)}.shop-banner__content{position:absolute;z-index:2;left:clamp(28px,5vw,72px);top:50%;transform:translateY(-50%);max-width:min(520px,52%);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.shop-banner__content>span{color:#d5ae5c;font-size:12px;font-weight:800;letter-spacing:.16em}.shop-banner__content h2{margin:0;color:#fff;font-size:clamp(30px,4vw,58px);line-height:1.08;text-shadow:0 4px 18px rgba(0,0,0,.65)}.shop-banner__content p{margin:0;color:#d6dbe4;font-size:clamp(14px,1.5vw,19px);line-height:1.65;text-shadow:0 2px 10px rgba(0,0,0,.7)}.shop-banner__content .shop-button{margin-top:4px}.shop-banner__arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:42px;height:54px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(8,10,14,.66);color:#f1cf82;font-size:30px;cursor:pointer;opacity:.72}.shop-banner__arrow:hover,.shop-banner__arrow:focus{opacity:1;background:rgba(181,147,86,.82);color:#111319;outline:none}.shop-banner__arrow--prev{left:14px}.shop-banner__arrow--next{right:14px}.shop-banner__dots{position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px}.shop-banner__dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.42);cursor:pointer;transition:width .2s ease,background .2s ease}.shop-banner__dots button.is-active{width:28px;background:#d5ae5c}
@media(max-width:760px){.shop-banner{margin-bottom:20px;border-radius:14px}.shop-banner__viewport{aspect-ratio:1/1;min-height:0}.shop-banner__shade{background:linear-gradient(0deg,rgba(5,7,10,.9) 0%,rgba(5,7,10,.56) 48%,rgba(5,7,10,.12) 100%)}.shop-banner__content{left:20px;right:20px;top:auto;bottom:38px;transform:none;max-width:none;gap:9px}.shop-banner__content h2{font-size:30px}.shop-banner__content p{font-size:14px;line-height:1.5}.shop-banner__arrow{display:none}.shop-banner__dots{bottom:12px}}
@media(prefers-reduced-motion:reduce){.shop-banner__slide{transition:none}}

/* Step 4-1-4-4: shared character selector */
.od-character-selector{margin:0 0 24px;padding:18px 20px;border:1px solid rgba(213,174,92,.3);border-radius:14px;background:linear-gradient(135deg,rgba(213,174,92,.08),rgba(12,15,20,.76));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.od-character-selector__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.od-character-selector__heading>div{display:flex;flex-direction:column;gap:3px}.od-character-selector__heading strong{color:#f4f6f9;font-size:17px}.od-character-selector__eyebrow{color:#d5ae5c;font-size:10px;font-weight:800;letter-spacing:.14em}.od-character-selector__account{padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#aeb6c3;font-size:12px}
.od-character-selector__control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.od-character-selector__control select{width:100%;height:46px;padding:0 42px 0 14px;border:1px solid rgba(213,174,92,.35);border-radius:9px;background:#12161c;color:#f3f5f8;font:inherit;cursor:pointer}.od-character-selector__control select:focus{border-color:#d5ae5c;outline:2px solid rgba(213,174,92,.16);outline-offset:1px}.od-character-selector__control select:disabled{cursor:not-allowed;opacity:.62}.od-character-selector__status{min-width:70px;color:#d5ae5c;font-size:12px;font-weight:800;text-align:right}
.od-character-selector__current{display:flex;align-items:baseline;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.od-character-selector__current>span{color:#858e9c;font-size:12px}.od-character-selector__current strong{color:#f0cc7d;font-size:16px}.od-character-selector__current small{color:#a7afbb}.od-character-selector__current[hidden]{display:none!important}
.od-character-selector__login{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#aeb6c3}.od-character-selector__login a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 14px;border:1px solid rgba(213,174,92,.55);border-radius:8px;background:rgba(213,174,92,.08);color:#f1cf82;font-weight:800;text-decoration:none}.od-character-selector__login a:hover{background:rgba(213,174,92,.18)}
.od-character-selector__message{margin:10px 0 0;font-size:12px}.od-character-selector__message.is-success{color:#88c99b}.od-character-selector__message.is-error{color:#ef8f8f}.od-character-selector__message[hidden]{display:none!important}
.od-character-selector--compact{margin-bottom:16px;padding:14px 16px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:640px){.od-character-selector__heading,.od-character-selector__login{align-items:flex-start;flex-direction:column}.od-character-selector__control{grid-template-columns:1fr}.od-character-selector__status{text-align:left}.od-character-selector__current{align-items:flex-start;flex-wrap:wrap}}

/* Step 4-1-4-5 Checkout Validation */
.shop-checkout-errors{margin:18px 0;padding:16px 18px 16px 38px;border:1px solid rgba(202,79,79,.35);border-radius:12px;background:rgba(202,79,79,.08);color:#f0caca;line-height:1.8}
.shop-checkout-hint{color:#9da6b6}.shop-checkout-character{display:flex;align-items:center;gap:12px;margin:18px 0;padding:16px;border:1px solid rgba(213,174,92,.28);border-radius:12px;background:rgba(213,174,92,.06)}
.shop-checkout-character span{color:#9da6b6}.shop-checkout-character strong{color:#f1cf82;font-size:18px}.shop-checkout-character small{color:#c5cad2}

/* Step 4-1-4-6-9 | Order Complete Page */
.shop-order-complete {
  max-width: 1040px;
  margin: 0 auto;
}
.shop-order-success {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border: 1px solid rgba(205, 166, 94, .42);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(31, 35, 43, .98), rgba(19, 22, 28, .98));
  text-align: center;
}
.shop-order-success__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  margin-bottom: 16px;
  border: 1px solid rgba(91, 183, 126, .65);
  border-radius: 50%;
  background: rgba(62, 137, 91, .18);
  color: #8fdfaa;
  font-size: 30px;
  font-weight: 700;
}
.shop-order-success h1 { margin: 0 0 8px; }
.shop-order-success p { margin: 0; color: var(--text-muted, #b7bcc7); }
.shop-order-number {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 18px;
  border: 1px solid rgba(205, 166, 94, .42);
  border-radius: 10px;
  background: rgba(205, 166, 94, .08);
  color: #f0cb83;
  font-size: clamp(18px, 3vw, 24px);
  font-weight: 700;
  letter-spacing: .04em;
}
.shop-order-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
  gap: 22px;
  margin-top: 22px;
}
.shop-order-card {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  background: rgba(20, 23, 29, .9);
}
.shop-order-card h2 { margin: 0 0 18px; font-size: 22px; }
.shop-order-meta { display: grid; gap: 0; }
.shop-order-meta__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.shop-order-meta__row:last-child { border-bottom: 0; }
.shop-order-meta__row span { color: var(--text-muted, #aeb4c0); }
.shop-order-meta__row strong { text-align: right; }
.shop-order-status {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 10px;
  border: 1px solid rgba(205, 166, 94, .35);
  border-radius: 999px;
  background: rgba(205, 166, 94, .09);
  color: #efca81;
  font-size: 14px;
}
.shop-order-items { display: grid; gap: 12px; }
.shop-order-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}
.shop-order-item h3 { margin: 0 0 6px; font-size: 17px; }
.shop-order-item small { display: block; color: var(--text-muted, #aeb4c0); }
.shop-order-item__price { text-align: right; white-space: nowrap; }
.shop-order-item__price strong { display: block; margin-bottom: 4px; color: #efca81; }
.shop-order-totals { margin-top: 18px; padding-top: 8px; }
.shop-order-total-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 0;
}
.shop-order-total-row--grand {
  margin-top: 6px;
  padding-top: 16px;
  border-top: 1px solid rgba(205, 166, 94, .32);
  font-size: 20px;
}
.shop-order-total-row--grand strong { color: #efca81; }
.shop-order-notice {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid rgba(91, 183, 126, .3);
  border-radius: 12px;
  background: rgba(62, 137, 91, .1);
  color: #dcebe1;
  line-height: 1.75;
}
.shop-order-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.shop-order-actions .shop-button { text-decoration: none; }
.shop-order-actions .shop-button--secondary {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
  color: inherit;
}
@media (max-width: 780px) {
  .shop-order-grid { grid-template-columns: 1fr; }
  .shop-order-success, .shop-order-card { padding: 20px; }
  .shop-order-meta__row { align-items: flex-start; }
}

/* Step 4-1-4-6-10-6 | Shared Status Badge UI */
.od-status-badge {
  --od-status-color: #b8bec9;
  --od-status-bg: rgba(184, 190, 201, .09);
  --od-status-border: rgba(184, 190, 201, .28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 30px;
  padding: 4px 11px;
  border: 1px solid var(--od-status-border);
  border-radius: 999px;
  background: var(--od-status-bg);
  color: var(--od-status-color);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  white-space: nowrap;
  vertical-align: middle;
}
.od-status-badge__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 13px;
  line-height: 1;
}
.od-status-badge--warning { --od-status-color:#f2ca78; --od-status-bg:rgba(205,166,94,.10); --od-status-border:rgba(205,166,94,.38); }
.od-status-badge--info { --od-status-color:#8fcce4; --od-status-bg:rgba(75,151,184,.11); --od-status-border:rgba(75,151,184,.36); }
.od-status-badge--primary { --od-status-color:#aebcf7; --od-status-bg:rgba(94,112,205,.12); --od-status-border:rgba(111,129,222,.38); }
.od-status-badge--success { --od-status-color:#92dfa9; --od-status-bg:rgba(62,137,91,.12); --od-status-border:rgba(91,183,126,.38); }
.od-status-badge--secondary { --od-status-color:#bdc2cc; --od-status-bg:rgba(151,157,169,.09); --od-status-border:rgba(151,157,169,.28); }
.od-status-badge--danger { --od-status-color:#f09c9c; --od-status-bg:rgba(190,72,72,.11); --od-status-border:rgba(215,94,94,.38); }
.od-status-badge--neutral { --od-status-color:#b8bec9; --od-status-bg:rgba(184,190,201,.08); --od-status-border:rgba(184,190,201,.24); }
.shop-order-meta__row .od-status-badge { margin-left:auto; }
@media (max-width: 520px) {
  .od-status-badge { min-height:28px; padding:3px 9px; font-size:12px; }
}


/* Step 4-2-3 | Checkout Page Core */
.shop-checkout-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px}.shop-checkout-steps span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#8f98a7;font-size:13px;font-weight:700}.shop-checkout-steps b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08);font-size:12px}.shop-checkout-steps .is-complete{border-color:rgba(91,183,126,.35);color:#a9dcb9}.shop-checkout-steps .is-complete b{background:rgba(91,183,126,.18);color:#92dda9}.shop-checkout-steps .is-current{border-color:rgba(213,174,92,.5);background:rgba(213,174,92,.09);color:#f0cc7d}.shop-checkout-steps .is-current b{background:rgba(213,174,92,.22);color:#f6d996}
.shop-checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);align-items:start;gap:22px}.shop-checkout-main{display:grid;gap:22px}.shop-checkout-sidebar{position:sticky;top:20px}.shop-checkout-layout .shop-panel{margin:0}
.shop-payment-methods{display:grid;gap:12px}.shop-payment-method{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.shop-payment-method:hover{border-color:rgba(213,174,92,.35);transform:translateY(-1px)}.shop-payment-method.is-selected{border-color:rgba(213,174,92,.62);background:rgba(213,174,92,.08)}.shop-payment-method input{position:absolute;opacity:0;pointer-events:none}.shop-payment-method__radio{display:block;width:20px;height:20px;margin-top:2px;border:2px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:inset 0 0 0 4px #161a21}.shop-payment-method.is-selected .shop-payment-method__radio{border-color:#e0b866;background:#e0b866}.shop-payment-method__body{display:block}.shop-payment-method__body strong{display:block;color:#f4f6f9;font-size:17px}.shop-payment-method__body small{display:block;margin-top:5px;color:#aeb6c3;line-height:1.6}.shop-payment-method__body ol{margin:12px 0 0;padding-left:20px;color:#c7ccd5;font-size:13px;line-height:1.75}
.shop-checkout-field textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:112px;padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#11151b;color:#f3f5f8;font:inherit;line-height:1.6}.shop-checkout-field textarea:focus{border-color:#d5ae5c;outline:2px solid rgba(213,174,92,.13)}.shop-checkout-field>small{display:block;margin-top:7px;color:#8f98a7;text-align:right}
.shop-checkout-summary{padding:22px}.shop-checkout-summary__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.shop-checkout-summary__row span{color:#aeb6c3}.shop-checkout-summary__row strong{text-align:right}.shop-checkout-summary__total{margin-top:5px;padding-top:17px;border-top:1px solid rgba(213,174,92,.32);border-bottom:0;font-size:19px}.shop-checkout-summary__total strong{color:#f0cc7d;font-size:23px}
.shop-checkout-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:18px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#c7ccd5;font-size:13px;line-height:1.65;cursor:pointer}.shop-checkout-consent input{width:18px;height:18px;margin-top:2px;accent-color:#d5ae5c}.shop-checkout-submit{width:100%;min-height:48px}.shop-checkout-submit:disabled{cursor:not-allowed;opacity:.45}.shop-checkout-submit-hint{margin:10px 0 0;color:#8992a0;font-size:12px;line-height:1.6;text-align:center}.shop-checkout-summary .shop-alert:empty{display:none}
@media(max-width:900px){.shop-checkout-layout{grid-template-columns:1fr}.shop-checkout-sidebar{position:static}.shop-checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.shop-checkout-steps{grid-template-columns:1fr}.shop-checkout-character{align-items:flex-start;flex-direction:column;gap:5px}.shop-payment-method{padding:15px}.shop-checkout-summary{padding:18px}}


/* Step 4-2-4 | Payment Method & Instructions */
.shop-payment-method__privacy-note{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(213,174,92,.22);border-radius:8px;background:rgba(213,174,92,.06);color:#d8c38f;font-size:12px;line-height:1.6}
.shop-payment-method__details,.shop-payment-instructions__details{display:grid;gap:1px;margin:14px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04)}
.shop-payment-method__details div,.shop-payment-instructions__details div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.07)}
.shop-payment-method__details div:last-child,.shop-payment-instructions__details div:last-child{border-bottom:0}
.shop-payment-method__details dt,.shop-payment-instructions__details dt{color:#9099a7}
.shop-payment-method__details dd,.shop-payment-instructions__details dd{margin:0;color:#f1f3f6;font-weight:700;word-break:break-all}
.shop-payment-instructions__description{margin:0 0 16px;color:#b8c0cc;line-height:1.75}
.shop-payment-instructions__steps{margin:18px 0 0;padding-left:24px;color:#d3d8df;line-height:1.85}
.shop-payment-instructions__steps li+li{margin-top:5px}
@media(max-width:560px){.shop-payment-method__details div,.shop-payment-instructions__details div{grid-template-columns:1fr;gap:4px}}


/* Step 4-2-5 | Order Confirmation */
.shop-order-payment-block{margin-top:24px}
.shop-order-payment-block .shop-panel{margin:0}
.shop-order-next-step{margin-top:24px}
.shop-order-next-step ol{margin:0;padding-left:24px;color:#d1d6de;line-height:1.9}
.shop-order-next-step li+li{margin-top:4px}
.shop-order-success .shop-order-number{user-select:all}


/* Step 4-2-6 | Payment Report */
.shop-payment-report-order{margin-bottom:22px}
.shop-payment-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.05)}
.shop-payment-report-summary div{padding:15px;border-right:1px solid rgba(255,255,255,.08)}
.shop-payment-report-summary div:last-child{border-right:0}
.shop-payment-report-summary dt{margin-bottom:6px;color:#9099a7;font-size:12px}
.shop-payment-report-summary dd{margin:0;color:#f1f3f6;font-weight:800;word-break:break-word}
.shop-payment-report-layout{max-width:820px;margin:0 auto}
.shop-payment-report-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.shop-payment-report-fields label{display:grid;gap:8px}
.shop-payment-report-fields label>span{color:#d9dde3;font-size:13px;font-weight:700}
.shop-payment-report-fields b{color:#f0bc64;font-size:11px}
.shop-payment-report-fields em{color:#8993a1;font-size:11px;font-style:normal}
.shop-payment-report-fields input,.shop-payment-report-fields textarea{box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#11151b;color:#f2f4f7;font:inherit}
.shop-payment-report-fields input:focus,.shop-payment-report-fields textarea:focus{border-color:#d5ae5c;outline:2px solid rgba(213,174,92,.13)}
.shop-payment-report-fields input[readonly]{background:rgba(255,255,255,.035);color:#e9c777;font-weight:800}
.shop-payment-report-fields textarea{resize:vertical}
.shop-payment-report-fields small{color:#8993a1;font-size:12px;line-height:1.55}
.shop-payment-report-fields__wide{grid-column:1/-1}
.shop-payment-report-submit{width:100%;min-height:48px}
.shop-payment-report-submit:disabled{cursor:not-allowed;opacity:.45}
.shop-payment-report-layout .shop-alert:empty{display:none}
.shop-payment-report-result .shop-alert{display:grid;gap:7px}
.shop-payment-report-result p{margin:14px 0 0;color:#aeb6c3}
@media(max-width:760px){.shop-payment-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-payment-report-summary div:nth-child(2){border-right:0}.shop-payment-report-fields{grid-template-columns:1fr}.shop-payment-report-fields__wide{grid-column:auto}}
@media(max-width:480px){.shop-payment-report-summary{grid-template-columns:1fr}.shop-payment-report-summary div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.shop-payment-report-summary div:last-child{border-bottom:0}}

/* Step 4-5-6-2 Hotfix-1 | Actual Cart Page Promotion UI */
.shop-cart-summary .is-discount{color:#91d9a7}.shop-cart-summary__payable{color:#f0cc7d;font-size:20px}
.shop-promotion-panel{margin-top:20px;padding:20px;border:1px solid rgba(213,174,92,.34);border-radius:14px;background:linear-gradient(135deg,rgba(213,174,92,.08),rgba(15,18,24,.88))}
.shop-promotion-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.shop-promotion-panel__head span{display:block;color:#d5ae5c;font-size:11px;font-weight:800;letter-spacing:.12em}.shop-promotion-panel__head h3{margin:5px 0 4px;color:#f3f5f8;font-size:19px}.shop-promotion-panel__head p{margin:0;color:#9da6b5;font-size:13px;line-height:1.6}.shop-promotion-clear{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.04);color:#c9ced7;cursor:pointer}.shop-promotion-clear:hover{border-color:rgba(240,156,156,.45);color:#f0b0b0}
.shop-promotion-code{display:grid;gap:8px}.shop-promotion-code label{color:#d8dde5;font-size:13px;font-weight:800}.shop-promotion-code__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.shop-promotion-code input{box-sizing:border-box;width:100%;min-height:44px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#10141a;color:#f3f5f8;font:inherit;text-transform:uppercase}.shop-promotion-code input:focus{border-color:#d5ae5c;outline:2px solid rgba(213,174,92,.13)}
.shop-promotion-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.shop-promotion-tags span{display:inline-flex;padding:5px 9px;border:1px solid rgba(213,174,92,.3);border-radius:999px;background:rgba(213,174,92,.08);color:#efd08b;font-size:12px;font-weight:800}
.shop-promotion-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.035)}.shop-promotion-status strong{color:#dce1e8}.shop-promotion-status span{color:#9da6b5;font-size:13px;text-align:right}.shop-promotion-status--success{border-color:rgba(91,183,126,.35);background:rgba(91,183,126,.08)}.shop-promotion-status--success strong{color:#9ce0b0}.shop-promotion-status--error{border-color:rgba(215,94,94,.35);background:rgba(190,72,72,.08)}.shop-promotion-status--error strong{color:#f0a2a2}
@media(max-width:680px){.shop-promotion-panel{padding:16px}.shop-promotion-panel__head,.shop-promotion-status{align-items:stretch;flex-direction:column}.shop-promotion-status span{text-align:left}.shop-promotion-code__controls{grid-template-columns:1fr}.shop-promotion-code__controls .shop-button{width:100%}}

/* Step 4-5-6-2-1 Promotion Shopping Cart UX */
.shop-promo-ux{margin-top:22px;padding:22px;border:1px solid rgba(213,174,92,.34);border-radius:16px;background:linear-gradient(145deg,rgba(213,174,92,.07),rgba(12,15,20,.93))}.shop-promo-ux__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.shop-promo-ux__heading>div>span,.shop-promo-summary>span{color:#d5ae5c;font-size:11px;font-weight:800;letter-spacing:.14em}.shop-promo-ux__heading h3{margin:5px 0 5px;color:#f7f8fb;font-size:22px}.shop-promo-ux__heading p{margin:0;color:#9da6b5;font-size:13px}.shop-promo-ux__saving{text-align:right}.shop-promo-ux__saving small{display:block;color:#929baa}.shop-promo-ux__saving strong{display:block;margin-top:4px;color:#f1ca72;font-size:24px}.shop-promo-ux__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.shop-promo-ux__main{display:grid;gap:14px}.shop-promo-card,.shop-promo-summary{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(16,20,27,.82)}.shop-promo-card__title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.shop-promo-card__title strong{display:block;color:#f3f5f8;font-size:16px}.shop-promo-card__title small{display:block;margin-top:3px;color:#8993a2}.shop-promo-card__icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(213,174,92,.38);border-radius:10px;background:rgba(213,174,92,.09);color:#efc76d;font-weight:900}.shop-promo-activities{display:grid;gap:10px}.shop-promo-activity{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025)}.shop-promo-activity--qualified{border-color:rgba(85,190,123,.35);background:rgba(65,159,98,.07)}.shop-promo-activity__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shop-promo-activity__head strong{color:#eef1f5}.shop-promo-activity__head small{display:block;margin-top:3px;color:#7f8a99}.shop-promo-activity__head>span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#d6dbe2;font-size:12px}.shop-promo-activity--qualified .shop-promo-activity__head>span{background:rgba(85,190,123,.14);color:#9ee2b3}.shop-promo-activity p{margin:9px 0;color:#9ca5b2;font-size:13px;line-height:1.55}.shop-promo-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.shop-promo-progress>div{height:7px;overflow:hidden;border-radius:999px;background:#242a33}.shop-promo-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a77b35,#e0bc69)}.shop-promo-progress small{color:#c4cad2}.shop-promo-activity__benefit{margin-top:10px;color:#aab2bf;font-size:13px}.shop-promo-activity__benefit strong{color:#f0c56a}.shop-promo-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-promo-rewards>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(213,174,92,.18);border-radius:9px;background:rgba(213,174,92,.05)}.shop-promo-rewards span{color:#dfe3e9}.shop-promo-rewards strong{color:#f0c66d}.shop-promo-empty{padding:18px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:10px}.shop-promo-empty strong{color:#d8dde5}.shop-promo-empty p{margin:7px 0 0;color:#8993a1;font-size:13px}.shop-promo-summary{position:sticky;top:96px;align-self:start}.shop-promo-summary h4{margin:5px 0 18px;color:#f3f5f8;font-size:20px}.shop-promo-summary dl{margin:0}.shop-promo-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.shop-promo-summary dt{color:#9da6b4}.shop-promo-summary dd{margin:0;color:#e8ebf0;font-weight:700}.shop-promo-summary .is-discount dd{color:#92d6a7}.shop-promo-summary__total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px 0 8px}.shop-promo-summary__total small{color:#a3acb9}.shop-promo-summary__total strong{color:#f1c96f;font-size:24px}.shop-promo-summary p{margin:5px 0 15px;color:#8993a1;font-size:12px;line-height:1.5}.shop-promo-summary__checkout{display:flex;width:100%;box-sizing:border-box;justify-content:center}.shop-promo-alert{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:9px}.shop-promo-alert--error{border:1px solid rgba(215,94,94,.34);background:rgba(190,72,72,.08)}.shop-promo-alert strong{color:#efaaaa}.shop-promo-alert span{color:#a8b0bc;font-size:13px}.shop-promotion-tags form{display:inline-flex}.shop-promotion-tags .shop-promotion-clear{padding:5px 9px;font-size:12px}
@media(max-width:980px){.shop-promo-ux__layout{grid-template-columns:1fr}.shop-promo-summary{position:static}.shop-promo-rewards{grid-template-columns:1fr 1fr}}@media(max-width:680px){.shop-promo-ux{padding:16px}.shop-promo-ux__heading{flex-direction:column}.shop-promo-ux__saving{text-align:left}.shop-promo-rewards{grid-template-columns:1fr}.shop-promo-activity__head,.shop-promo-alert{flex-direction:column}.shop-promo-activity__head>span{align-self:flex-start}}

/* Step 4-5-5-1 | Promotion Summary (Frontend) Foundation */
.shop-promotion-summary{margin:0 0 28px;padding:22px;border:1px solid rgba(213,174,92,.26);border-radius:18px;background:linear-gradient(135deg,rgba(213,174,92,.08),rgba(12,15,20,.9));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.shop-promotion-summary__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.shop-promotion-summary__head h2{margin:4px 0 6px;color:#f6f7fa;font-size:24px}.shop-promotion-summary__head p{margin:0;color:#9da6b6;line-height:1.7}.shop-promotion-summary__action{flex:0 0 auto}
.shop-promotion-summary__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.shop-promotion-summary__stats article{padding:15px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(9,12,17,.62)}.shop-promotion-summary__stats small{display:block;margin-bottom:6px;color:#8893a4}.shop-promotion-summary__stats strong{color:#f1cf82;font-size:22px}
.shop-promotion-summary__types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shop-promotion-type{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(9,12,17,.5);opacity:.7}.shop-promotion-type>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border-radius:10px;background:rgba(255,255,255,.06);color:#aab2c0;font-size:12px;font-weight:800}.shop-promotion-type div{min-width:0}.shop-promotion-type strong,.shop-promotion-type small{display:block}.shop-promotion-type strong{overflow-wrap:anywhere;color:#e8ebf0}.shop-promotion-type small{margin-top:4px;color:#7f8998}.shop-promotion-type.is-available{border-color:rgba(213,174,92,.28);opacity:1}.shop-promotion-type.is-available>span{background:rgba(213,174,92,.15);color:#f1cf82}.shop-promotion-type.is-available small{color:#c8a95f}
.shop-promotion-summary__active{display:flex;align-items:flex-start;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.shop-promotion-summary__active>strong{flex:0 0 auto;color:#f1cf82}.shop-promotion-summary__active>div{display:flex;flex-wrap:wrap;gap:8px}.shop-promotion-summary__active span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.055);color:#cbd1da;font-size:12px}.shop-promotion-summary__active em{color:#d5ae5c;font-style:normal;font-weight:800}.shop-promotion-summary__empty{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);color:#8994a4}
@media(max-width:980px){.shop-promotion-summary__types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shop-promotion-summary{padding:17px}.shop-promotion-summary__head{align-items:stretch;flex-direction:column;gap:14px}.shop-promotion-summary__action{width:100%;text-align:center}.shop-promotion-summary__stats{grid-template-columns:1fr}.shop-promotion-summary__types{grid-template-columns:1fr}.shop-promotion-summary__active{flex-direction:column;gap:9px}}

/* Step 4-5-5 Hotfix-6 | Frontend Promotion Summary Repository Sync */
.shop-promotion-type.is-completed{border-color:rgba(88,190,128,.34);opacity:1}
.shop-promotion-type.is-completed>span{background:rgba(88,190,128,.14);color:#91e4ae}
.shop-promotion-type.is-completed small{color:#91e4ae}
.shop-promotion-type.is-scheduled{border-color:rgba(104,151,220,.3);opacity:1}
.shop-promotion-type.is-scheduled>span{background:rgba(104,151,220,.13);color:#9cc4ff}
.shop-promotion-type.is-scheduled small{color:#9cc4ff}
.shop-promotion-type.is-configured,.shop-promotion-type.is-ended{opacity:.88}
.shop-promotion-type.is-configured small{color:#c7ad76}
.shop-promotion-type.is-ended small{color:#9da6b6}

/* Step 4-5-5 Hotfix-11 | Cart Promotion Benefit UI Refactor */
.shop-cart-benefit__title{align-items:center;gap:14px}.shop-cart-benefit__title>div{flex:1;min-width:0}.shop-cart-benefit__badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:1px solid rgba(210,169,84,.45);border-radius:999px;background:rgba(210,169,84,.09);color:#f2cf78;font-size:12px;font-weight:700;white-space:nowrap}
.shop-cart-benefit__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.shop-cart-benefit__summary article{min-height:94px;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0c1118;display:flex;flex-direction:column;justify-content:center}.shop-cart-benefit__summary article.is-highlight{border-color:rgba(210,169,84,.55);background:linear-gradient(145deg,rgba(210,169,84,.12),rgba(12,17,24,.96))}.shop-cart-benefit__summary span{color:#9ca8b8;font-size:12px}.shop-cart-benefit__summary strong{margin-top:7px;color:#f2c45f;font-size:22px;line-height:1.15}.shop-cart-benefit__summary small{margin-top:5px;color:#7f8a99;font-size:11px}
.shop-cart-benefit__groups{display:grid;gap:14px;margin-top:16px}.shop-cart-benefit-group{overflow:hidden;border:1px solid rgba(210,169,84,.3);border-radius:16px;background:rgba(8,12,18,.8)}.shop-cart-benefit-group__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(210,169,84,.09),rgba(255,255,255,.015))}.shop-cart-benefit-group__head>div{min-width:0}.shop-cart-benefit-group__head span{display:block;color:#d8aa4c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.shop-cart-benefit-group__head strong{display:block;margin-top:4px;color:#f4f1e9;font-size:17px}.shop-cart-benefit-group__head em{flex:0 0 auto;font-style:normal;color:#f1ce79;font-size:12px;border:1px solid rgba(210,169,84,.35);border-radius:999px;padding:5px 9px}.shop-cart-benefit-group__body{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:14px;padding:15px}
.shop-cart-benefit-thresholds{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}.shop-cart-benefit-threshold{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:10px;background:#111821;border:1px solid rgba(255,255,255,.08)}.shop-cart-benefit-threshold span{color:#8e9aac;font-size:11px}.shop-cart-benefit-threshold strong{color:#f2cf78;font-size:12px;white-space:nowrap}
.shop-cart-benefit-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-cart-benefit-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0b1016}.shop-cart-benefit-item__icon{width:48px;height:48px;border-radius:10px;overflow:hidden;border:1px solid rgba(210,169,84,.28);background:#141a22;display:grid;place-items:center}.shop-cart-benefit-item__icon img{width:100%;height:100%;object-fit:contain}.shop-cart-benefit-item__icon span{display:grid;place-items:center;width:100%;height:100%;color:#8b7650;font-size:10px;font-weight:800}.shop-cart-benefit-item strong{display:block;color:#ece8df;font-size:13px;line-height:1.35}.shop-cart-benefit-item small{display:block;margin-top:3px;color:#717d8c;font-size:10px}.shop-cart-benefit-item em{font-style:normal;color:#f3c75f;font-size:17px;font-weight:800;white-space:nowrap}
.shop-cart-benefit__notice{margin:13px 2px 0;color:#7f8a97;font-size:11px}.shop-cart-benefit__none{margin-top:16px;padding:18px;border:1px dashed rgba(210,169,84,.3);border-radius:13px;background:rgba(210,169,84,.04);text-align:center}.shop-cart-benefit__none strong,.shop-cart-benefit__none span{display:block}.shop-cart-benefit__none strong{color:#e9e4d8}.shop-cart-benefit__none span{margin-top:5px;color:#8994a2;font-size:12px}
@media(max-width:980px){.shop-cart-benefit__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-cart-benefit-group__body{grid-template-columns:1fr}.shop-cart-benefit-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.shop-cart-benefit__title{align-items:flex-start}.shop-cart-benefit__badge{margin-left:auto}.shop-cart-benefit__summary{grid-template-columns:1fr 1fr;gap:8px}.shop-cart-benefit__summary article{min-height:82px;padding:12px}.shop-cart-benefit__summary strong{font-size:18px}.shop-cart-benefit-group__head{align-items:flex-start;padding:13px}.shop-cart-benefit-group__body{padding:12px}.shop-cart-benefit-items{grid-template-columns:1fr}.shop-cart-benefit-thresholds{display:grid;grid-template-columns:1fr}.shop-cart-benefit-threshold{justify-content:space-between}.shop-cart-benefit-item{grid-template-columns:42px minmax(0,1fr) auto}.shop-cart-benefit-item__icon{width:42px;height:42px}}

/* Step 4-5-5 Hotfix-12 | Cart Benefit Layout & Reward Icon Recovery */
.shop-cart-benefit-group__body{display:grid;grid-template-columns:1fr;gap:0;padding:0}
.shop-cart-benefit-group__rule{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:14px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.shop-cart-benefit-group__rule>span,.shop-cart-benefit-group__rewards-head>span{padding-top:8px;color:#8f9bac;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.shop-cart-benefit-group__rewards{padding:16px 17px 18px}
.shop-cart-benefit-group__rewards-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.shop-cart-benefit-group__rewards-head>span{padding-top:0;color:#d5ae5c}
.shop-cart-benefit-group__rewards-head small{color:#7f8a99;font-size:11px}
.shop-cart-benefit-thresholds{display:flex;flex-wrap:wrap;gap:8px}
.shop-cart-benefit-threshold{min-height:38px;padding:8px 12px;background:#0d141d;border-color:rgba(210,169,84,.2)}
.shop-cart-benefit-threshold span{padding-right:8px;border-right:1px solid rgba(255,255,255,.09)}
.shop-cart-benefit-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shop-cart-benefit-item{min-height:72px;grid-template-columns:58px minmax(0,1fr) auto;padding:9px 12px;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,#0d131b,#090e14)}
.shop-cart-benefit-item__icon{width:58px;height:58px;border-radius:12px;background:radial-gradient(circle at 50% 42%,rgba(210,169,84,.13),rgba(13,18,25,.96));box-shadow:inset 0 0 18px rgba(0,0,0,.28)}
.shop-cart-benefit-item__icon img{padding:3px;box-sizing:border-box;image-rendering:auto}
.shop-cart-benefit-item__copy{min-width:0}
.shop-cart-benefit-item__copy strong{overflow-wrap:anywhere;font-size:13px}
.shop-cart-benefit-item__copy small{margin-top:5px;color:#657183;letter-spacing:.03em}
.shop-cart-benefit-item em{align-self:center;padding-left:9px;color:#f4ca66;font-size:19px}
.shop-promo-card--aggregate+.shop-promo-card--code{display:none}
@media(max-width:1120px){.shop-cart-benefit-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shop-cart-benefit-group__rule{grid-template-columns:1fr;gap:8px}.shop-cart-benefit-group__rule>span{padding-top:0}.shop-cart-benefit-items{grid-template-columns:1fr}.shop-cart-benefit-item{grid-template-columns:52px minmax(0,1fr) auto}.shop-cart-benefit-item__icon{width:52px;height:52px}}