.hopdp{--stone-50:#F1F3F5;--stone-100:#E6EAED;--stone-200:#D6DCE1;--seam:#DCE6EC;--ink-900:#131315;--ink-600:#5C636B;--ink-400:#8C939A;--moss:#5C7A1E;--lemon:#A9CF3A;--quartz:#E7EEF1;--surface:#FFFFFF;--logo-blue:#151B54;--border-strong:#737CA1;--f-sans:"Inter",system-ui,-apple-system,sans-serif;--f-mono:"DM Mono",ui-monospace,monospace;--f-serif:"Fraunces",Georgia,serif;--radius-s:4px;--radius-m:8px;--radius-l:14px;--shadow-1:0 1px 2px rgba(19,19,21,.05),0 2px 8px rgba(19,19,21,.05);--shadow-2:0 4px 16px rgba(19,19,21,.08);--ease:cubic-bezier(.16,1,.3,1);--max:1180px;font-family:var(--f-sans);color:var(--ink-900)}.hopdp *{box-sizing:border-box}.hopdp .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.hopdp-hero{padding:28px 0 32px;background:var(--surface)}.hopdp-hero .wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:56px;align-items:start}.hopdp .gallery{width:100%;position:sticky;top:96px}.hopdp .gallery-main{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--quartz);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.hopdp .gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.hopdp .gallery-main:hover img{transform:scale(1.02)}.hopdp .gallery-thumbs{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.hopdp .thumb{width:78px;height:78px;flex-shrink:0;overflow:hidden;background:var(--quartz);border-radius:var(--radius-m);border:1.5px solid transparent;cursor:pointer;padding:0;transition:border-color .25s var(--ease),transform .25s var(--ease)}.hopdp .thumb:hover{transform:translateY(-2px)}.hopdp .thumb.active{border-color:var(--ink-900)}.hopdp .thumb img{width:100%;height:100%;object-fit:cover;display:block}.hopdp .eyebrow{display:block;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-600)}.hopdp .product-name{font-family:var(--f-serif);font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:10px 0 12px}.hopdp .product-subtitle{font-size:15px;line-height:1.65;color:var(--ink-600);max-width:54ch;margin:0}.hopdp .info-tabs{margin-top:26px;border:1px solid var(--stone-200);border-radius:var(--radius-m);overflow:hidden;background:var(--surface)}.hopdp .tab-bar{display:flex;border-bottom:1px solid var(--stone-200);background:var(--stone-50);overflow-x:auto;scrollbar-width:none}.hopdp .tab-bar::-webkit-scrollbar{display:none}.hopdp .tab-btn{flex:1 0 auto;padding:12px 16px;border:0;background:none;cursor:pointer;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-600);white-space:nowrap;border-bottom:2px solid transparent;transition:.18s}.hopdp .tab-btn.active{color:var(--ink-900);background:var(--surface);border-bottom-color:var(--lemon)}.hopdp .tab-panel{display:none;padding:16px 18px}.hopdp .tab-panel.active{display:block}.hopdp .tab-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.hopdp .tab-list li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:var(--ink-600)}.hopdp .tab-list li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--lemon);border-radius:2px}.hopdp .pack-select{margin-top:26px}.hopdp .pack-select-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.hopdp .pack-select-head h2{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-900);margin:0;font-weight:500}.hopdp .pack-meta{display:flex;align-items:center;gap:12px}.hopdp .pack-stars{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-600)}.hopdp .pack-stars svg{width:14px;height:14px;color:var(--lemon)}.hopdp .pack-stars a{color:var(--ink-600);text-decoration:underline;text-underline-offset:2px}.hopdp .launch-tag{font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;background:var(--quartz);color:var(--logo-blue);padding:4px 8px;border-radius:var(--radius-s)}.hopdp .pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.hopdp .pack-card{position:relative;display:flex;flex-direction:column;gap:2px;cursor:pointer;border:1.5px solid var(--stone-200);border-radius:var(--radius-m);padding:26px 14px 14px;background:var(--surface);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.hopdp .pack-card:hover{border-color:var(--border-strong)}.hopdp .pack-card.selected{border-color:var(--ink-900);box-shadow:var(--shadow-1)}.hopdp .pack-card input{position:absolute;opacity:0;pointer-events:none}.hopdp .pack-flag{position:absolute;top:-1px;left:-1px;font-family:var(--f-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--lemon);color:var(--ink-900);padding:3px 8px;border-radius:var(--radius-s) 0 var(--radius-s) 0;min-height:17px}.hopdp .pack-title{font-family:var(--f-serif);font-size:17px;font-weight:600}.hopdp .pack-sub{font-size:11.5px;color:var(--ink-400)}.hopdp .pack-price{display:flex;align-items:baseline;gap:7px;margin-top:6px}.hopdp .pack-price .was{font-size:12px;color:var(--ink-400);text-decoration:line-through}.hopdp .pack-price .now{font-family:var(--f-mono);font-size:16px;color:var(--ink-900)}.hopdp .pack-save{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;color:var(--moss)}.hopdp .pack-day{font-size:11px;color:var(--ink-400);margin-top:3px}.hopdp .pack-oos{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;color:#b03a2e;margin-top:4px}.hopdp .offers-box{margin-top:20px;border:1px dashed var(--stone-200);border-radius:var(--radius-m);background:var(--stone-50);overflow:hidden}.hopdp .offer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--stone-100);font-size:13px;color:var(--ink-600)}.hopdp .offer-row:last-child{border-bottom:0}.hopdp .offer-row strong{color:var(--ink-900);font-weight:600}.hopdp .offer-row em{font-style:normal;color:var(--ink-400);font-size:12px}.hopdp .offer-btn{flex:0 0 auto;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;background:none;border:1px solid var(--border-strong);color:var(--logo-blue);padding:5px 10px;border-radius:var(--radius-s);cursor:pointer;text-decoration:none}.hopdp .offer-btn:hover{background:var(--quartz)}.hopdp .delivery-check{display:flex;gap:8px;margin-top:20px;align-items:stretch;flex-wrap:wrap}.hopdp .delivery-tag{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-600);align-self:center}.hopdp .pincode-input{flex:1;min-width:120px;border:1px solid var(--stone-200);border-radius:var(--radius-s);padding:10px 12px;font-family:var(--f-mono);font-size:14px}.hopdp .delivery-check button{border:1px solid var(--ink-900);background:var(--ink-900);color:#fff;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;padding:0 16px;border-radius:var(--radius-s);cursor:pointer}.hopdp .delivery-note{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--moss);margin:9px 0 0}.hopdp .delivery-note svg{width:14px;height:14px;flex:0 0 auto}.hopdp .delivery-msg{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;margin:8px 0 0;min-height:14px}.hopdp .purchase-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;align-items:stretch}.hopdp .qty-selector{display:flex;align-items:center;border:1px solid var(--stone-200);border-radius:var(--radius-s);overflow:hidden;flex:0 0 auto}.hopdp .qty-selector button{width:38px;border:0;background:var(--stone-50);font-size:17px;cursor:pointer;color:var(--ink-900)}.hopdp .qty-selector input{width:44px;border:0;text-align:center;font-family:var(--f-mono);font-size:14px;-moz-appearance:textfield}.hopdp .qty-selector input::-webkit-outer-spin-button,.hopdp .qty-selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hopdp .btn{flex:1 1 150px;border:0;border-radius:var(--radius-s);cursor:pointer;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:15px 18px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:.18s}.hopdp .btn-secondary{background:var(--surface);border:1.5px solid var(--ink-900);color:var(--ink-900)}.hopdp .btn-secondary:hover{background:var(--stone-50)}.hopdp .btn-primary{background:var(--ink-900);color:#fff}.hopdp .btn-primary:hover{background:#25272b}.hopdp .btn:disabled{opacity:.45;cursor:not-allowed}.hopdp .btn-sub{font-size:8.5px;letter-spacing:.1em;opacity:.75;text-transform:none}.hopdp .payment-row{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.hopdp .payment-pill{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;border:1px solid var(--stone-200);color:var(--ink-600);padding:4px 9px;border-radius:var(--radius-s)}.hopdp .trust-badges{display:flex;gap:16px;margin-top:18px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--stone-100)}.hopdp .trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-600)}.hopdp .trust-badge svg{flex:0 0 auto;color:var(--moss)}@media(max-width:1000px){.hopdp-hero .wrap{grid-template-columns:1fr;gap:40px}.hopdp .gallery{position:static}}@media(max-width:600px){.hopdp .wrap{padding:0 18px}.hopdp-hero{padding:18px 0 26px}.hopdp .product-name{font-size:28px}.hopdp .pack-grid{grid-template-columns:1fr 1fr;gap:8px}.hopdp .pack-card{padding:24px 11px 12px}.hopdp .pack-title{font-size:15px}.hopdp .btn{flex:1 1 100%}.hopdp .thumb{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){.hopdp *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ho-pdp.css.map */