.variant-picker-cases{display:flex;flex-direction:column;gap:var(--spacing-5)}.vpc-model__button{display:grid;grid-template-columns:auto 1fr;align-items:center;width:100%;min-height:3rem;background:rgb(var(--background-primary, 255 255 255));background:var(--bs-brand-white);border:1px solid rgb(var(--text-color) / .9);border-radius:var(--rounded-full, 999px);overflow:hidden}.vpc-model__brand{padding-inline:var(--spacing-6);font-weight:600;border-inline-end:1px solid rgb(var(--text-color) / .15);align-self:stretch;display:flex;align-items:center}.vpc-model__value{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:600;padding-inline:var(--spacing-4)}.vpc-brand-toggle{display:flex;gap:var(--spacing-2);justify-content:center;padding-block:var(--spacing-3)}.vpc-brand-toggle__btn{padding:var(--spacing-2) var(--spacing-6);border-radius:var(--rounded-full, 999px);background:var(--bs-brand-white);font-weight:600;border:1px solid rgb(var(--text-color) / .12)}.vpc-brand-toggle__btn[aria-pressed=true]{background:rgb(var(--text-color));color:rgb(var(--background-primary, 255 255 255))}.vpc-model__list{display:flex;flex-direction:column;gap:var(--spacing-2)}.vpc-model__row{justify-content:center;text-align:center;background:var(--bs-brand-white);border-radius:var(--rounded-full, 999px);box-shadow:0 1px 2px #0000000f}.vpc-model__row:has(input:checked){box-shadow:inset 0 0 0 1.5px rgb(var(--text-color))}.vpc-model__list[data-active-brand=apple] .vpc-model__row[data-brand=samsung],.vpc-model__list[data-active-brand=samsung] .vpc-model__row[data-brand=apple]{display:none}.vpc-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3);align-items:stretch}.vpc-case-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-2) var(--spacing-3);background:var(--bs-brand-white);border-radius:var(--rounded-lg);box-shadow:0 0 0 1px rgb(var(--text-color) / .1);cursor:pointer;transition:box-shadow .15s cubic-bezier(.4,0,.22,1)}.vpc-case-card:has(input:checked){box-shadow:0 0 0 2px rgb(var(--text-color))}.vpc-case-card.is-disabled{opacity:.4;pointer-events:none}.vpc-case-card__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:2px 8px;border-radius:var(--rounded-xs);font-size:var(--text-xs);font-weight:700;white-space:nowrap;z-index:1}.vpc-case-card__image{width:100%}.vpc-case-card__image img{width:100%;height:auto;mix-blend-mode:multiply}.vpc-case-card__name{font-weight:700;line-height:1.2}.vpc-case-card__price{font-size:var(--text-sm);color:rgb(var(--text-color) / .7)}.vpc-case-card__specs{display:flex;flex-direction:column;gap:2px;margin-block-start:var(--spacing-1)}.vpc-case-card__spec{font-size:var(--text-xs);line-height:1.3;color:rgb(var(--text-color) / .65);background:rgb(var(--text-color) / .05);border-radius:var(--rounded-full, 999px);padding:1px 8px}.shopify-section--main-product .product-gallery{position:relative}.vpc-header-info{grid-column:1 / -1;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.4,0,.22,1),opacity .3s cubic-bezier(.4,0,.22,1)}.vpc-header-info.is-visible{grid-template-rows:1fr;opacity:1}.vpc-header-info__inner{overflow:hidden;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-3)}.vpc-header-info.is-visible .vpc-header-info__inner{padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-1)}.vpc-header-info__image{width:48px;height:48px;border-radius:var(--rounded-sm);object-fit:cover}.vpc-header-info__text{min-width:0;display:flex;flex-direction:column}.vpc-header-info__title{font-size:var(--text-sm);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpc-header-info__meta{font-size:var(--text-sm);color:rgb(var(--text-color) / .6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpc-header-info__top{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--rounded-full, 999px);background:rgb(var(--text-color) / .06)}@media screen and (min-width:700px){.vpc-header-info{display:none}}@media(prefers-reduced-motion:reduce){.vpc-case-card,.vpc-header-info{transition:none}}.vpc-case-card__info{position:absolute;top:var(--spacing-2-5, 10px);right:var(--spacing-2-5, 10px);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgb(var(--text-color) / .07);color:rgb(var(--text-color) / .65);font-size:12px;font-style:italic;font-weight:700;font-family:georgia,serif;z-index:1}.vpc-case-card__spec--yes{background:var(--bs-brand-sticky);color:var(--bs-brand-ink)}.vpc-case-card__spec--no{color:rgb(var(--text-color) / .45)}.vpc-case-info__body{display:flex;flex-direction:column;gap:var(--spacing-4)}.vpc-case-info__image{display:flex;justify-content:center}.vpc-case-info__image img{width:min(320px,70%);height:auto;mix-blend-mode:multiply}.vpc-model__popover::part(body){background:var(--bs-brand-herring);padding:0 var(--spacing-4) calc(var(--spacing-4) + env(safe-area-inset-bottom,0px));scrollbar-width:none}.vpc-model__popover::part(body)::-webkit-scrollbar{display:none}.vpc-model__popover .vpc-brand-toggle{position:sticky;top:0;z-index:1;background:var(--bs-brand-herring);margin-inline:calc(-1 * var(--spacing-4));padding-inline:var(--spacing-4)}.vpc-model__row{min-height:48px;align-items:center;font-weight:500;box-shadow:none}.vpc-model__row:has(input:checked){box-shadow:inset 0 0 0 1.5px rgb(var(--text-color));font-weight:700}@media screen and (min-width:700px){.vpc-model__popover{--popover-content-max-width: 420px;--popover-content-max-height: 65vh}}.variant-picker-cases .block-swatch{background:var(--bs-brand-white)}.variant-picker-cases .block-swatch__color{box-shadow:inset 0 0 0 1.5px rgb(var(--text-color) / .22)}.vpc-colours__list{display:flex;gap:var(--spacing-5)}.vpc-colour{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1-5, 6px);cursor:pointer}.vpc-colour.is-disabled{opacity:.4;pointer-events:none}.vpc-colour__circle{width:52px;height:52px;border-radius:50%;background:var(--swatch-background, #ffffff);box-shadow:inset 0 0 0 1.5px rgb(var(--text-color) / .18);transition:box-shadow .15s cubic-bezier(.4,0,.22,1)}.vpc-colour:has(input:checked) .vpc-colour__circle{box-shadow:inset 0 0 0 1.5px rgb(var(--text-color) / .18),0 0 0 2px rgb(var(--background-primary, 255 255 255)),0 0 0 4px rgb(var(--text-color))}.vpc-colour__name{font-size:var(--text-sm);color:rgb(var(--text-color) / .65)}.vpc-colour:has(input:checked) .vpc-colour__name{color:rgb(var(--text-color));font-weight:700}.vpc-colours__heading{margin-block-end:var(--spacing-3)}@media screen and (max-width:699px){.vpc-case-card__info{width:18px;height:18px;top:var(--spacing-1-5, 6px);right:var(--spacing-1-5, 6px);font-size:10px}}.vpc-gallery-badge-row{position:absolute;top:var(--spacing-2);inset-inline:var(--spacing-2) 3.75rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1, 4px);pointer-events:none}.vpc-offer-chip{padding:2px 8px;background:var(--bs-brand-pastel-balloon);color:var(--bs-brand-ink);border-radius:var(--rounded-full, 999px);font-size:var(--text-xs);font-weight:800;line-height:1.3;white-space:nowrap;box-shadow:0 2px 8px #2c224229;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.22,1);pointer-events:auto}.vpc-offer-chip:active{transform:scale(.94)}.vpc-gallery-feature-badges{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1, 4px)}.vpc-gallery-feature-badge{padding:2px 8px;border-radius:var(--rounded-full, 999px);background:#ffffffeb;color:var(--bs-brand-ink);box-shadow:0 2px 8px #2c224229;font-size:var(--text-xs);font-weight:700;line-height:1.3;white-space:nowrap}.vpc-gallery-feature-badge--highlight{background:var(--bs-brand-sticky)}@media screen and (max-width:699px){.vpc-gallery-badge-row{inset-inline-end:var(--spacing-2)}.shopify-section--main-product .product-gallery__zoom{top:var(--spacing-3);right:var(--spacing-3)}}
/*# sourceMappingURL=/cdn/shop/t/352/assets/component-variant-picker-cases.css.map */