.bespoke-hampers-page{padding:0;min-height:100vh}.bespoke-hampers__initial-section{background:#d7ecea;width:100%}.bespoke-hampers__form-section{background:#fff;width:100%}.bespoke-hampers__initial{padding:3rem 0}.bespoke-hampers__content{display:grid;grid-template-columns:1fr 1fr;gap:210px;background:transparent;padding:3rem;border-radius:8px}.bespoke-hampers__gallery{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.bespoke-hampers__thumbnails{display:flex;flex-direction:column;gap:.5rem;order:-1}.bespoke-hampers__main-image{position:relative;background-color:#f9fafb;border-radius:20px 100px 0 0;overflow:hidden;aspect-ratio:1}.bespoke-hampers__main-image img{width:100%;height:100%;object-fit:cover}.image-nav{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.5rem}.image-nav__button{background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.image-nav__button:hover{transform:scale(1.1)}.thumbnail{width:80px;height:80px;border:2px solid transparent;border-radius:20px 0 0;overflow:hidden;cursor:pointer;background:#f9fafb;padding:0;flex-shrink:0}.thumbnail.active{border-color:#333}.thumbnail img{width:100%;height:100%;object-fit:cover}.bespoke-hampers__details{display:flex;flex-direction:column;gap:2rem}.bespoke-hampers__title{font-size:3rem;margin:0}.bespoke-hampers__description{font-size:1.6rem;line-height:1.5;color:#666;margin:0}.bespoke-hampers__form{display:flex;flex-direction:column;gap:1.5rem;width:80%}.bespoke-hampers__form-view{padding:3rem 0;max-width:800px;margin:0 auto}.progress-steps{display:flex;justify-content:space-between;margin-bottom:3rem;padding:0}.step-item{display:flex;align-items:center;font-size:1.4rem;color:#999;position:relative;flex:1}.step-item.active{color:#333}.step-item.active .step-number{background:#333;color:#fff}.step-item.completed .step-number{background:#10b981;color:#fff}.step-number{width:30px;height:30px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;margin-right:.8rem;font-weight:500}.step-title{white-space:nowrap;font-size:1.3rem}.form-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:3rem;max-width:85%;margin:0 auto;margin-bottom:2rem}.form-card--step4{max-width:100%}.step4-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.form-card--step4 .button--primary{margin-top:0}.form-section{margin-bottom:3rem}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.form__label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:500;color:#333}.form__label-info{display:block;font-weight:400;font-size:1.2rem;color:#666;margin-top:.25rem;margin-bottom:1rem}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1}.form-group--wide{flex:2!important}.form-group--narrow{flex:1!important}.form-group{margin-bottom:2rem}.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill,.customer .field input:focus,.customer .field input:not(:placeholder-shown),.customer .field input:-webkit-autofill{padding:0 2rem}.field__input{width:100%;padding:1.2rem 1.5rem;border:1px solid #ddd;border-radius:16px 0 0;font-size:1.4rem;font-family:inherit;transition:border-color .2s}.field__input:focus{outline:none;border-color:#333}.field__input::placeholder{color:#999}.field__input[type=date]{position:relative;padding-right:3.5rem}.field__input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#f3ed89;border-radius:50%;padding:.75rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232C2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:16px 16px}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:#333}input[type=date]::-webkit-datetime-edit-text{color:#333}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:48px}::-webkit-calendar-picker-indicator{filter:invert(0);opacity:1}::-webkit-date-and-time-value{text-align:left}input[type=date]::-webkit-datetime-edit{color:#333;padding:0}input[type=date]{position:relative;padding-right:4rem;cursor:text;color:#333;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#f3ed89;border-radius:50%;padding:.75rem;cursor:pointer;opacity:1;color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232C2D2D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;transition:background-color .2s,transform .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#e6dd7a}input[type=date]:focus::-webkit-calendar-picker-indicator{transform:translateY(-50%) scale(1.05)}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{display:none}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:#333;font-size:1.4rem}input[type=date]::-webkit-calendar-picker-indicator{color:#0000;opacity:1}input[type=date]::-webkit-datetime-edit{text-align:left}input[type=date]:invalid{color:#999}input[type=date]:focus:invalid,input[type=date]:valid{color:#333}@-moz-document url-prefix(){input[type=date]{padding-right:3.5rem}input[type=date]::-moz-calendar-picker-indicator{background-color:#f3ed89;border-radius:50%;width:24px;height:24px;cursor:pointer}}::-webkit-calendar-picker-indicator{filter:none}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding:0;line-height:inherit}#other-relationship{margin-top:10px}.date-input-wrapper{position:relative}input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:#f3ed89;transform:translateY(-50%) scale(1.1);transition:transform .2s}.field__input--textarea{min-height:160px;resize:vertical;font-family:inherit;padding:1rem!important}.select-wrapper{position:relative}.select-wrapper select,.select-wrapper .select__select{width:100%;padding:1.2rem 3rem 1.2rem 1.5rem;border:1px solid #ddd;border-radius:16px 0 0;font-size:1.4rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;cursor:pointer;font-family:inherit;transition:border-color .2s}.select-wrapper select:focus,.select-wrapper .select__select:focus{outline:none;border-color:#333}.select-wrapper .icon-caret{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;width:24px;height:24px;background-color:#f3ed89;border-radius:50%;padding:.75rem;display:flex;align-items:center;justify-content:center;z-index:12}.select-wrapper .icon-caret svg{width:100%;height:100%;color:#2c2d2d}.field--with-counter{position:relative}.character-counter{position:absolute;bottom:-20px;right:0;font-size:1.2rem;color:#999}.button{background:#333;color:#fff;border:none;padding:1.5rem 3rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:background .2s;border-radius:16px 0 0;text-decoration:none;display:inline-block;text-align:center}.button:hover{background:#000}.button--primary{background:#2d2d2d;margin:0 auto;width:50%;display:block}.button--primary:hover{background:#333}.button--secondary{background:transparent;color:#333}.button--secondary:hover{background:#333;color:#fff}.button--full-width{width:100%}.summary-box{background:#d7ecea;padding:2rem;border-radius:8px;height:fit-content}.summary-box h4{margin-bottom:1rem;font-size:1.8rem;font-weight:600}#summary-content{font-size:1.4rem;line-height:1.8}#summary-content p{margin-bottom:.5rem}.summary-total{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1);font-size:1.8rem;display:flex;justify-content:space-between}.success-message{text-align:center;padding:5rem 2rem;max-width:500px;margin:0 auto}.success-message__icon{margin-bottom:2rem}.success-message h3{margin:0 0 2rem;font-size:2.4rem}.success-message__actions{display:flex;gap:1rem;justify-content:center}.bespoke-hampers-byo{background:#eff7f7}.bespoke-hampers__link-section{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem}.bespoke-hampers__link-section h3{margin-bottom:2rem;font-size:1.8rem}.bespoke-hampers__link-section h3 a{text-decoration:none;color:#333}.bespoke-hampers__link-section h3 a:hover{text-decoration:underline}.bespoke-form__step{display:none;opacity:0;visibility:hidden;position:relative}.bespoke-form__step.bespoke-form__step--active{display:block!important;opacity:1!important;visibility:visible!important}.bespoke-form__step[data-step]{display:none}.bespoke-form__step[data-step].bespoke-form__step--active{display:block!important}#bespoke-form{min-height:500px;position:relative}.debug-all-steps .bespoke-form__step{display:block!important;border:2px solid red;margin-bottom:20px;opacity:.5}.debug-all-steps .bespoke-form__step--active{opacity:1;border-color:green}.message-fields{margin-top:1rem}.hidden{display:none!important}@media screen and (max-width: 749px){.bespoke-hampers__content{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.bespoke-hampers__gallery{grid-template-columns:1fr}.bespoke-hampers__thumbnails,.image-nav{display:none}.bespoke-hampers__title{font-size:2.4rem}.bespoke-hampers__form{width:100%}.progress-steps{flex-wrap:wrap;gap:1rem}.step-item{flex:1 1 45%}.step-item:not(:last-child):after{display:none}.step-title{font-size:1.1rem}.form-card{padding:2rem;max-width:100%}.form-row{flex-direction:column}input[type=date]{font-size:16px}input[type=date]::-webkit-calendar-picker-indicator{width:22px;height:22px;right:.8rem}.step4-content{grid-template-columns:1fr;gap:2rem}.success-message__actions{flex-direction:column}.success-message__actions .button{width:100%}.bespoke-hampers__main-image{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:20px 20px 0 0;background:transparent;aspect-ratio:auto}.bespoke-hampers__main-image::-webkit-scrollbar{display:none}.bespoke-hampers__image-wrapper{display:flex;gap:1rem;padding:0 2.5rem}.bespoke-hampers__image-item{flex:0 0 calc(100vw - 5rem);scroll-snap-align:center;aspect-ratio:1;background:#f9fafb;border-radius:16px;overflow:hidden;position:relative}.bespoke-hampers__image-item img{width:100%;height:100%;object-fit:cover;display:block}.bespoke-hampers__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot-indicator{width:8px;height:8px;border-radius:50%;background:#0003;transition:background .3s}.dot-indicator.active{background:#000}}@media screen and (min-width: 750px){.bespoke-hampers__dots{display:none}}.field__input::placeholder,.field__input--textarea::placeholder{color:#999;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-bespoke-hampers.css.map */