.pf-hat-page [hidden]{display:none!important}.pf-hat-page{color:#2d2926}.pf-hat-page .pf-hat-top{padding:40px 16px 24px}.pf-hat-page .pf-hat-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;max-width:1280px;margin:0 auto}.pf-hat-page .pf-hat-grid>*{min-width:0}.pf-hat-page .pf-hat-image-frame{position:relative;border:4px solid #2d2926;border-radius:32px;padding:8px;background:#f5e6a3;overflow:hidden}.pf-hat-page .pf-hat-image-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:4px solid #2d2926;border-radius:28px}.pf-hat-page .pf-hat-fit{position:absolute;top:16px;left:16px;border-radius:8px;padding:6px 12px;background:#000b;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em}.pf-hat-page .pf-hat-heading{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:16px}.pf-hat-page .pf-hat-heading h1{font-family:"Baloo 2",cursive;font-size:30px;font-weight:900;line-height:36px;margin:0}.pf-hat-page .pf-hat-heading p{margin:0}.pf-hat-page .pf-hat-heading>p:last-child{font-size:18px;line-height:1.5}.pf-hat-page .pf-hat-badge{display:inline-block;border:2px solid #2d2926;border-radius:999px;padding:4px 12px;background:#f5e6a3;color:#1a1a2e;font-size:12px;font-weight:700}.pf-hat-page .pf-hat-price{font-size:36px;line-height:40px;font-weight:900;color:#1a1a2e}.pf-hat-page .pf-hat-step{display:flex;align-items:center;gap:12px}.pf-hat-page .pf-hat-step>span{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;border:2px solid #2d2926;border-radius:50%;background:#e8776f;color:#fff;font-weight:900;font-size:14px}.pf-hat-page .pf-hat-step h2{font-size:20px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0}.pf-hat-page .pf-hat-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.pf-hat-page .pf-hat-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.pf-hat-page .pf-hat-card{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;margin:0;border:2px solid #2d2926;border-radius:16px;padding:4px;color:#2d2926;background:#fff;cursor:pointer;font:inherit;font-size:14px;line-height:20px;text-align:center}.pf-hat-page .pf-hat-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid #2d2926;border-radius:12px}.pf-hat-page .pf-hat-card[aria-pressed=true]{background:#d5ecd0}.pf-hat-page .pf-hat-card:focus-visible{outline:3px solid #e8776f;outline-offset:3px}.pf-hat-page .pf-hat-card:disabled{opacity:.5;cursor:not-allowed}.pf-hat-page .pf-hat-card small{border-radius:999px;padding:2px 8px;background:#f5e6a3;font-size:10px;font-weight:900}.pf-hat-page .pf-hat-selection{margin:10px 0 0;font-size:14px;font-weight:600}.pf-hat-page .pf-hat-order{border:2px solid #2d2926;border-radius:20px;padding:12px;background:#fff8e7}.pf-hat-page .pf-hat-order-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.pf-hat-page .pf-hat-order-heading h2{margin:0;font-size:20px;font-weight:800}.pf-hat-page .pf-hat-order-heading span{font-size:13px}.pf-hat-page .pf-hat-list{display:grid;gap:8px}.pf-hat-page .pf-hat-row{display:flex;align-items:stretch;gap:6px;min-width:0}.pf-hat-page .pf-hat-row-edit{display:flex;align-items:center;flex:1;min-width:0;gap:10px;padding:7px;border:2px solid #2d2926;border-radius:14px;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer}.pf-hat-page .pf-hat-row-edit[aria-pressed=true]{background:#d5ecd0}.pf-hat-page .pf-hat-row-edit img{display:block;width:56px;height:56px;flex:none;border-radius:9px;object-fit:cover}.pf-hat-page .pf-hat-row-details{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:14px;line-height:1.35}.pf-hat-page .pf-hat-row-details strong{overflow-wrap:anywhere}.pf-hat-page .pf-hat-row-remove{width:36px;flex:none;align-self:center;min-height:44px;border:0;border-radius:10px;background:transparent;color:#2d2926;font-size:28px;cursor:pointer}.pf-hat-page .pf-hat-row-remove:hover{background:#f4d8cd}.pf-hat-page .pf-hat-add{width:100%;min-height:44px;margin-top:10px;border:2px dashed #2d2926;border-radius:14px;background:#fff;color:inherit;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.pf-hat-page .pf-hat-row-edit:focus-visible,.pf-hat-page .pf-hat-row-remove:focus-visible,.pf-hat-page .pf-hat-add:focus-visible{outline:3px solid #e8776f;outline-offset:2px}.pf-hat-page .pf-hat-editing,.pf-hat-page .pf-hat-empty{margin:10px 0 0;font-size:13px;line-height:1.5}.pf-hat-page .pf-hat-design-offer{box-sizing:border-box;width:fit-content;max-width:100%;margin:8px auto 0;padding:12px 24px;border:2px solid #2d2926;border-radius:9999px;background:#fff;text-align:center;font-size:16px;font-weight:700;line-height:1.5}.pf-hat-page .pf-file-picker{position:relative;display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-width:0;margin-top:8px;padding:10px 16px;border:2px dashed #2d2926;border-radius:16px;background:#f5e6a3b3;font-size:14px;line-height:1.5}.pf-hat-page .pf-file-button{display:block;flex:none;padding:8px 16px;border:2px solid #2d2926;border-radius:9999px;background:#fff;font-weight:700}.pf-hat-page .pf-file-selection{min-width:0;overflow-wrap:anywhere;font-weight:400}.pf-hat-page .pf-file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px}.pf-hat-page .pf-file-picker:focus-within{outline:3px solid #e8776f;outline-offset:3px}.pf-hat-page .pf-hat-sizing{padding:24px 16px 48px}.pf-hat-page .pf-hat-details-card{max-width:1152px;margin:0 auto;border:4px solid #2d2926;border-radius:32px;padding:20px;background:#fff}.pf-hat-page .pf-hat-details-card ul{list-style:disc;padding-left:20px;margin:16px 0 0;line-height:1.8}.pf-hat-page .pf-hat-size-table{margin-top:16px;border:2px solid #2d2926;border-radius:16px;padding:16px;background:#fff8e7}.pf-hat-page .pf-hat-size-table h3{margin:0;font-size:16px;font-weight:700}.pf-hat-page .pf-hat-size-table ul{margin-top:8px;font-size:14px}.pf-hat-page .pf-hat-lower>section:first-child{display:none}.pf-hat-page[data-pf-hat-ready=true] .pf-hat-shop-fallback{display:none}@media(min-width:640px){.pf-hat-page .pf-hat-colors{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.pf-hat-page .pf-hat-top{padding-top:64px;padding-bottom:48px}.pf-hat-page .pf-hat-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.pf-hat-page .pf-hat-heading{text-align:left;align-items:flex-start}.pf-hat-page .pf-hat-heading h1{font-size:36px;line-height:40px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/pf-personalized-hat.css.map */