/* Start custom CSS */.pack-template { background: #f5f6fa !important; }
.pack-template > .e-grid:not(.pack-layout) { grid-template-columns: 1fr !important; }
.pack-template h1 { font-family: "Space Grotesk", sans-serif !important; font-size: clamp(51px, 5.4vw, 82px) !important; font-weight: 700 !important; letter-spacing: -0.075em !important; line-height: 0.95 !important; color: #171d3b !important; }
.pack-template h1::after { content: "."; color: #ff6a2b; }
.pack-template .pack-layout { display: grid !important; grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important; column-gap: 5% !important; align-items: start !important; width: 91% !important; max-width: 1424px !important; margin: 0 auto !important; }
.pack-template .pack-visual { position: sticky; top: 108px; }
.pack-template .pack-stage { display: none !important; }
.pack-stage-visual { position: relative; min-height: 390px; border-radius: 18px; overflow: hidden; background: radial-gradient(ellipse at 50% 40%, #ffffff88 0, transparent 46%), linear-gradient(145deg, #e2e8ff 0, #dde4fa 48%, #cfd8fd 100%); padding: 22px 16px 24px; display: flex; flex-direction: column; }
.ps-label { position: relative; z-index: 2; display: flex; align-items: center; gap: 8px; font-family: "Space Grotesk", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; color: #171d3b; }
.ps-label span { color: #1826e8; font-size: 18px; }
.ps-word { position: absolute; z-index: 0; top: 16%; left: 50%; transform: translateX(-50%); font-family: "Space Grotesk", sans-serif; font-size: clamp(72px, 7vw, 118px); font-weight: 700; letter-spacing: -0.085em; color: #4b60c322; pointer-events: none; line-height: 1; white-space: nowrap; }
.ps-slots { position: relative; z-index: 1; flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 36px; }
.ps-pod { flex: 1; max-width: 150px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.ps-frame { width: 100%; aspect-ratio: .78; border-radius: 16px; background: #ffffff73; border: 1.5px dashed #7182d566; display: grid; place-items: center; position: relative; }
.ps-frame > span { font-size: 28px; color: #7182d5; line-height: 1; }
.ps-pod.is-on .ps-frame { background: transparent; border-color: transparent; }
.ps-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 4px; filter: drop-shadow(0 16px 12px #24336230); }
.ps-pod b { font-family: "Space Grotesk", sans-serif; font-size: 12px; font-weight: 600; color: #171d3b; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ps-x { position: absolute; right: 4px; top: 4px; z-index: 2; width: 22px; height: 22px; border: 0; border-radius: 50%; background: #171d3b; color: #fff; cursor: pointer; line-height: 1; }
.pack-template .hermosa-pack__header, .pack-template .hermosa-pack__progress, .pack-template .hermosa-pack__tabs, .pack-template .hermosa-pack__bar { display: none !important; }
.pack-chooser-head { margin: 36px 0 16px; }
.pack-chooser-head span { display: inline-flex; padding: 6px 9px; border-radius: 5px; background: #e9ecff; color: #1826e8; font-family: "Space Grotesk", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pack-chooser-head h2 { margin: 10px 0 0; font-family: "Space Grotesk", sans-serif; font-size: 28px; font-weight: 600; letter-spacing: -.03em; color: #171d3b; }
.pack-template .hermosa-pack__track { display: block !important; }
.pack-template .hermosa-pack__nav { display: none !important; }
.pack-template .hermosa-pack__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; overflow: visible !important; }
.pack-template .hermosa-pack-card { background: #fff !important; border: 0 !important; border-radius: 18px !important; box-shadow: 0 4px 18px #26356208 !important; backdrop-filter: none !important; overflow: hidden; }
.pack-template .hermosa-pack-card.is-active { outline: 2px solid #1826e8; outline-offset: -2px; }
.pack-template .hermosa-pack-card.is-active::before { display: none !important; }
.pack-template .hermosa-pack-card__check { background: #1826e8 !important; }
.pack-template .hermosa-pack-card__loop { background: linear-gradient(145deg, #e2e8ff 0, #dde4fa 48%, #cfd8fd 100%); }
.pack-template .hermosa-pack-card__loop img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.pack-template .hermosa-pack-card__glass { position: static !important; padding: 0 14px 14px; background: #fff; display: flex; justify-content: flex-end; }
.pack-template .hermosa-pack-card__pick { width: auto !important; min-height: 36px !important; height: 36px; padding: 0 12px !important; border: 0 !important; border-radius: 9px !important; background: #e9edff !important; color: #1826e8 !important; font-family: "Space Grotesk", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; }
.pack-template .hermosa-pack-card.is-active .hermosa-pack-card__pick, .pack-template .hermosa-pack-card:hover .hermosa-pack-card__pick { background: #1826e8 !important; color: #fff !important; }
.pack-template .hermosa-pack-card .hew-atc-button, .pack-template .hermosa-pack-card .hew-add-to-cart, .pack-template .hermosa-pack-card .add_to_cart_button { display: none !important; }
.pack-template .pack-visual [data-id="455b2cfc"] { margin: 18px 0 0 !important; font-family: "Space Grotesk", sans-serif !important; font-size: 33px !important; font-weight: 600 !important; letter-spacing: -1.7px !important; color: #171d3b !important; }
.pack-template .hermosa-pack__dock { position: static !important; margin: 8px 0 0 !important; padding: 0 !important; background: transparent !important; color: #171d3b !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.pack-template .hermosa-pack__dock-row { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
.pack-template .hermosa-pack__remain { font-family: "Space Grotesk", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; font-weight: 500 !important; color: #61697b !important; }
.pack-template .hermosa-pack__submit { width: 100%; justify-content: space-between; border-radius: 9px !important; background: #ff6a2b !important; color: #271900 !important; font-family: "Space Grotesk", sans-serif !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 13px !important; min-height: 55px !important; padding: 0 19px !important; box-shadow: 0 10px 25px #ff6a2b24 !important; }
.pack-template .hermosa-pack__submit:disabled { background: #d9dde8 !important; color: #8b93a8 !important; opacity: 1 !important; box-shadow: none !important; }
.pack-template .hermosa-pack__total { background: transparent !important; color: inherit !important; padding: 0 !important; font-size: 13px !important; }
@media (max-width: 860px) { .pack-template .pack-layout { grid-template-columns: 1fr !important; } .pack-template .pack-visual { grid-column: 1; grid-row: 1; position: sticky; top: 64px; z-index: 12; background: #f5f6fa; } .pack-template .pack-main { grid-column: 1; grid-row: 2; } .pack-stage-visual { min-height: 0; padding: 12px; } .ps-word { display: none; } .ps-frame { height: 72px; aspect-ratio: auto; } .ps-slots { margin-top: 8px; } }/* End custom CSS */