.customizer-app{color:#333;background:#ececec;min-height:100dvh}.customizer-app__layout{min-height:100dvh;display:grid}@media (max-width:899px){.customizer-app__layout{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.customizer-preview{flex:0 0 clamp(240px,42dvh,420px);min-height:0}.customizer-panel{border-radius:1.25rem 1.25rem 0 0;flex:1;min-height:0;margin-top:-.85rem;box-shadow:0 -14px 40px #0000001f}.customizer-panel__body{overscroll-behavior:contain}}@media (min-width:900px){.customizer-app__layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}}.customizer-preview{background:#e8e8e8;min-height:42vh;position:relative}@media (min-width:900px){.customizer-preview{min-height:100dvh}}.customizer-preview__canvas{position:absolute;inset:0}.customizer-preview__canvas canvas{touch-action:none;width:100%!important;height:100%!important}.customizer-preview__loading{place-items:center;min-height:42vh;display:grid}.customizer-preview__back{z-index:3;color:#333;background:#fff;border-radius:999px;padding:.5rem .85rem;font-size:.875rem;text-decoration:none;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 12px #00000014}.customizer-preview__favorite{z-index:3;color:#ccc;cursor:pointer;background:#fff;border:none;border-radius:999px;width:2.5rem;height:2.5rem;font-size:1.1rem;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 12px #00000014}.customizer-preview__favorite.is-active{color:#e33529}.customizer-preview__help{z-index:3;color:#fff;cursor:pointer;background:#5a8a6a;border:none;border-radius:999px;width:2.5rem;height:2.5rem;font-weight:700;position:absolute;bottom:1rem;left:1rem}.customizer-preview__dims{z-index:2;pointer-events:none;position:absolute;inset:0}.customizer-preview__dim{color:#fff;font-family:var(--font-neue-montreal), sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#e33529;border-radius:.35rem;padding:.35rem .65rem;font-size:.65rem;font-weight:600;position:absolute}.customizer-preview__dim--length{top:38%;left:8%}.customizer-preview__dim--width{top:52%;right:10%}.customizer-panel{background:#fff;flex-direction:column;min-height:58vh;display:flex;box-shadow:-4px 0 24px #0000000f}.customizer-panel__handle{display:none}@media (max-width:899px){.customizer-panel__handle{background:#d8d8d8;border-radius:999px;width:2.75rem;height:.28rem;margin:.55rem auto .15rem;display:block}}@media (min-width:900px){.customizer-panel{min-height:100dvh}}.customizer-tabs{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:.25rem;padding:.75rem .5rem;display:flex}.customizer-tabs__arrow{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;flex-shrink:0;width:1.75rem;height:1.75rem;line-height:1}.customizer-tabs__track{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:.5rem;padding:0 .25rem;display:flex;overflow-x:auto}.customizer-tabs__track::-webkit-scrollbar{display:none}.customizer-tabs__btn{color:#555;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #ddd;border-radius:999px;flex-shrink:0;padding:.55rem 1rem;font-size:.7rem}.customizer-tabs__btn.is-active{color:#fff;background:#f0a090;border-color:#f0a090}.customizer-panel__body{flex:1;padding:1.25rem 1.25rem .5rem;overflow:auto}.customizer-panel__footer{border-top:1px solid #eee;gap:.65rem;padding:1rem 1.25rem 1.25rem;display:grid}.customizer-contact-btn{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#f0a090;border-radius:.65rem;justify-content:center;align-items:center;width:100%;padding:1rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.customizer-contact-btn:hover{opacity:.92}.customizer-contact-link{text-align:center;color:#888;text-underline-offset:.15em;font-size:.7rem;text-decoration:underline}.customizer-step__title{text-transform:uppercase;letter-spacing:.03em;margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.customizer-callout{color:#666;background:#faf6f4;border-radius:.55rem;margin:0 0 1rem;padding:.75rem .85rem;font-size:.75rem;line-height:1.45}.customizer-step__lede,.customizer-step__hint{color:#777;margin:0 0 1rem;font-size:.8rem;line-height:1.45}.customizer-step__sub{text-transform:uppercase;color:#555;margin:1rem 0 .5rem;font-size:.72rem;font-weight:600}.customizer-measure-btn{text-transform:uppercase;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:999px;margin-bottom:1rem;padding:.55rem 1rem;font-size:.72rem}.customizer-measure-readout{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1rem;display:grid}.customizer-measure-readout span{text-transform:uppercase;background:#f5f5f5;border-radius:.5rem;padding:.65rem;font-size:.72rem}.customizer-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.customizer-size-card{text-transform:uppercase;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;min-height:4.5rem;font-size:.8rem;font-weight:600;display:flex;position:relative}.customizer-size-card.is-active{border-color:#5a8a6a;box-shadow:inset 0 0 0 1px #5a8a6a}.customizer-size-card__check{color:#fff;background:#5a8a6a;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;display:grid;position:absolute;top:.35rem;right:.35rem}.customizer-step--design{padding:0}.design-layout{grid-template-columns:110px minmax(0,1fr);gap:.75rem;min-height:320px;display:grid}.design-categories{align-content:start;gap:.35rem;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.design-categories__btn{text-align:left;text-transform:uppercase;color:#666;cursor:pointer;background:0 0;border:none;border-radius:.35rem;width:100%;padding:.5rem .4rem;font-size:.58rem;line-height:1.25}.design-categories__btn.is-active{color:#333;background:#e8f0e8;font-weight:600}.design-patterns__count{color:#888;text-transform:uppercase;margin:0 0 .65rem;font-size:.68rem}.design-patterns__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-height:320px;display:grid;overflow:auto}.design-pattern-card{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:.5rem;padding:0;position:relative;overflow:hidden}.design-pattern-card.is-active{border-color:#f0a090}.design-pattern-card__swatch{width:100%;height:100%;display:block}.design-pattern-card__img{object-fit:cover;width:100%;height:100%;display:block}.design-pattern-card__check{color:#fff;background:#f0a090;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;display:grid;position:absolute;top:.25rem;right:.25rem}.customizer-swatch-row{gap:.65rem;display:flex}.customizer-swatch-row--wrap{flex-wrap:wrap}.customizer-color-swatch{cursor:pointer;border:2px solid #ddd;border-radius:.45rem;width:2.75rem;height:2.75rem;padding:0}.customizer-color-swatch.is-active{border-color:#f0a090;box-shadow:0 0 0 2px #fff,0 0 0 4px #f0a090}.customizer-option-row{gap:.65rem;display:flex}.customizer-option-card{text-transform:uppercase;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:.5rem;flex:1;min-height:3rem;font-size:.75rem;font-weight:600;position:relative}.customizer-option-card.is-active{border-color:#5a8a6a}.customizer-option-card__check{color:#5a8a6a;font-size:.7rem;position:absolute;top:.3rem;right:.3rem}.engraving-rows{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.engraving-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .5rem;display:grid}.engraving-row__count{color:#999;align-self:center;font-size:.65rem}.customizer-input{background:#fff;border:1.5px solid #ddd;border-radius:.5rem;grid-column:1/-1;width:100%;padding:.75rem .85rem;font-size:.85rem}.customizer-input:focus{border-color:#f0a090;outline:none}.customizer-select{background:#fff;border:1.5px solid #ddd;border-radius:.5rem;grid-column:1/-1;padding:.5rem .65rem;font-size:.75rem}.embroidery-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.embroidery-input-row__count{color:#999;font-size:.65rem}.customizer-summary-box{border:1px solid #eee;border-radius:.65rem;margin-bottom:1rem;overflow:hidden}.customizer-summary-row{border-bottom:1px solid #eee;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.customizer-summary-row:last-child{border-bottom:none}.price-display--compact{background:#faf6f4;border-radius:.55rem;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem .85rem;display:flex}.price-display__label{text-transform:uppercase;letter-spacing:.04em;color:#777;font-size:.68rem}.price-display__amount{color:#333;font-size:1rem;font-weight:700}.price-display--detailed{background:#fafafa;border:1px solid #eee;border-radius:.65rem;margin-bottom:1rem;padding:.85rem 1rem}.price-display__title{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .65rem;font-size:.72rem;font-weight:600}.price-display__list{margin:0;padding:0;list-style:none}.price-display__row{border-bottom:1px solid #ececec;justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.72rem;display:flex}.price-display__total{justify-content:space-between;gap:1rem;margin-top:.35rem;padding-top:.65rem;font-size:.82rem;font-weight:700;display:flex}.price-display__note{color:#888;margin:.65rem 0 0;font-size:.65rem;line-height:1.4}.customize-modal{z-index:500;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.customize-modal__backdrop,.customize-drawer__backdrop{cursor:pointer;background:#00000073;border:none;position:absolute;inset:0}.customize-modal__panel{z-index:1;color:#333;background:#fff;border-radius:1rem;width:min(100%,520px);max-height:min(88vh,720px);padding:1.25rem;position:relative;overflow:auto;box-shadow:0 24px 60px #00000026}.customize-modal__header,.customize-drawer__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.customize-modal__title,.customize-drawer__header h2{font-size:1.25rem;font-family:var(--font-bayon), sans-serif;text-transform:uppercase;margin:0}.customize-modal__close{color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.customize-modal__lede,.customize-modal__note{color:#666;margin:0 0 1rem;font-size:.8rem}.size-guide-table{border-collapse:collapse;text-transform:uppercase;width:100%;font-size:.72rem}.size-guide-table th,.size-guide-table td{text-align:left;border-bottom:1px solid #eee;padding:.55rem}.customize-drawer{z-index:500;position:fixed;inset:0}.customize-drawer__panel{z-index:1;background:#fff;flex-direction:column;width:min(100%,380px);height:100%;padding:1.25rem;display:flex;position:absolute;top:0;right:0;box-shadow:-8px 0 32px #0000001f}.favorites-empty{text-align:center;color:#666;flex:1;place-content:center;gap:.5rem;font-size:.8rem;display:grid}.favorites-list{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.favorites-list__item{border-bottom:1px solid #eee;justify-content:space-between;gap:.75rem;padding:.75rem 0;display:flex}.favorites-list__load{text-align:left;cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.cart-line__remove{text-transform:uppercase;color:#999;cursor:pointer;background:0 0;border:none;font-size:.7rem}@media (max-width:899px){.design-layout{grid-template-columns:1fr}.design-categories{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}
