.iphoneCatalog{background:#f7f7f5;overflow:hidden;padding-bottom:72px}.iphoneCatalog .catalogHeading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.iphoneCatalog .catalogHeading h2{font-size:clamp(40px,5.6vw,76px)}.iphoneCatalog .catalogHeading>p{font-size:16px;color:#747671;margin-bottom:4px}.iphoneCatalog .catalogFilters{display:flex;gap:7px;margin:44px 0 34px;overflow-x:auto;scrollbar-width:none;padding:5px 2px}.iphoneCatalog .catalogFilters button{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:30px;color:#676a65;font-size:13px;padding:10px 17px;white-space:nowrap}.iphoneCatalog .catalogFilters button[aria-pressed=true]{color:#fff;background:#111513}.iphoneCatalog .catalogFilters button:hover{border-color:#b8bab4}.iphoneCatalog .productRail{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:0;margin-right:calc(-1 * var(--gut));padding:2px var(--gut) 8px 2px;scrollbar-width:none}.iphoneCatalog .catalogFilters::-webkit-scrollbar,.iphoneCatalog .productRail::-webkit-scrollbar{display:none}.iphoneCatalog .productCard{flex:0 0 330px;min-width:0;background:#fff;border-radius:8px;padding:26px 24px 29px;text-align:center;scroll-snap-align:start}.iphoneCatalog .productImage{height:305px;display:flex;justify-content:center;align-items:center;margin-bottom:25px;overflow:hidden}.iphoneCatalog .packshot{position:relative;overflow:hidden;height:270px;width:calc(810px / var(--count));flex-shrink:0}.iphoneCatalog .packshot img{height:100%;width:calc(100% * var(--count));max-width:none;object-fit:fill}.iphoneCatalog .productCard h3{font:400 24px/1.3 var(--font-main),system-ui,sans-serif;letter-spacing:-.035em;margin:0}.iphoneCatalog .colorName{font-size:13px;color:#747570;margin:11px 0 4px;min-height:22px}.iphoneCatalog .colorSwatches{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:0 -8px 18px}.iphoneCatalog .colorSwatch{background:transparent;border:0;width:37px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%}.iphoneCatalog .colorSwatch span{width:17px;height:17px;background:var(--swatch);border:1px solid #00000015;border-radius:50%;position:relative}.iphoneCatalog .colorSwatch[aria-pressed=true] span:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #7e7e78}.iphoneCatalog .productContact{font-size:13px;display:inline-flex;align-items:center;gap:7px;padding:10px 0 5px;border-bottom:1px solid #b7b8b2}.iphoneCatalog .productContact:hover{border-color:#121614}.iphoneCatalog .catalogBottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.iphoneCatalog .catalogBottom p{font-size:13px;color:#72766d}.iphoneCatalog .railControls{display:flex;gap:10px}.iphoneCatalog .railControls button{width:43px;height:43px;border:1px solid #cdd0c8;border-radius:50%;display:grid;place-items:center;background:transparent;color:#303831}.iphoneCatalog .railControls button svg{width:19px;height:19px}.iphoneCatalog .railControls button:disabled{opacity:.28;cursor:default}.iphoneCatalog .railControls button:not(:disabled):hover{background:#e7e8e2}.iphoneCatalog .catalogNote{font-size:12px;color:#74776f;margin:25px 0 0;max-width:640px}.iphoneCatalog{padding:100px var(--gut) 72px;color:var(--lightInk);background:var(--lightBg)}.iphoneCatalog button{font:inherit;cursor:pointer}.iphoneCatalog .catalogHeading h2{margin-top:20px}.iphoneCatalog .catalogHeading h2 i{font-style:normal;font-weight:500}.iphoneCatalog .catalogHeading p{line-height:1.7}.iphoneCatalog .productContact{color:#1765b5}.iphoneCatalog .catalogFilters button[aria-pressed=true]{background:#071020}.iphoneCatalog .catalogNote{line-height:1.8}@media(max-width:600px){.iphoneCatalog{padding-top:70px}.iphoneCatalog .catalogHeading{display:block}.iphoneCatalog .catalogHeading>p{margin-top:25px}.iphoneCatalog .catalogFilters{margin-top:30px}.iphoneCatalog .productCard{flex-basis:min(81vw,330px);padding:20px 15px 24px}.iphoneCatalog .productImage{height:280px;margin-bottom:20px}.iphoneCatalog .packshot{height:245px;width:calc(735px / var(--count))}}