/* Shared storefront tokens and components. Admin has its own theme. */
body[data-storefront-shell]{
 --ink:#30212e;--muted:#706173;--line:#e6dce5;--berry:#b81772;--pink:#fff2f9;
 --store-plum:#56334f;--store-heading:Georgia,'Times New Roman',serif;
 --store-action:linear-gradient(180deg,#ca247f,#a70f64);
 accent-color:var(--berry);
}
/* Keep the original floral frame in the desktop gutters on every store page. */
@media(min-width:1281px){
 body[data-storefront-shell]:not([data-seo-page="home"]){
  min-height:100vh;
  background:
   linear-gradient(#fff,#fff) center top/1280px 100% no-repeat,
   url('/assets/brand/vipberry-frame-original.jpg') center 98px/2455px auto no-repeat,
   #faf7f9;
 }
}
/* Catalog experiment: raised brand/product panel and a separate line menu. */
@media(min-width:700px){
 body[data-storefront-shell]:not([data-seo-page="home"]) .main>.product-visual{
  isolation:isolate;
  margin:22px 32px 24px;
  padding:30px 36px;
  border:1px solid #eadce6;
  border-radius:22px;
  background:linear-gradient(120deg,#fff 15%,#fffafd 60%,#f7eaf2);
  box-shadow:inset 0 1px 0 #fff,0 3px 5px #56334f0a,0 18px 38px -14px #56334f40;
 }
 body[data-storefront-shell]:not([data-seo-page="home"]) .main>.product-visual .visual-media{
  mix-blend-mode:multiply;
 }
 body[data-storefront-shell]:not([data-seo-page="home"]) .catalog-layout{
  grid-template-columns:230px minmax(0,1fr);
  gap:32px;
  padding-top:30px;
 }
 body[data-storefront-shell]:not([data-seo-page="home"]) .desktop-lines{
  align-self:start;
  padding:20px 14px 14px;
  border:1px solid #eadce6;
  border-radius:18px;
  background:linear-gradient(165deg,#fff 20%,#fcf4f9);
  box-shadow:inset 0 1px 0 #fff,0 2px 4px #56334f08,0 14px 30px -12px #56334f38;
 }
 body[data-storefront-shell]:not([data-seo-page="home"]) .desktop-lines h3{
  margin:0 10px 14px;
  padding-bottom:15px;
  border-bottom:1px solid #eadce6;
  color:var(--store-plum);
  line-height:1.5;
 }
 body[data-storefront-shell]:not([data-seo-page="home"]) .desktop-lines :is(a,button){
  white-space:normal;
  overflow-wrap:break-word;
 }
 body[data-storefront-shell]:not([data-seo-page="home"]) .desktop-lines :is(a,button):hover{
  background:#f5e5ef;
  color:var(--store-plum);
 }
}
body[data-storefront-shell] main h1,
body[data-storefront-shell] main h2{font-family:var(--store-heading);font-weight:500;color:var(--store-plum);letter-spacing:-.025em;line-height:1.18}
body[data-storefront-shell]:not([data-seo-page="home"]) main h1{font-size:clamp(28px,3.2vw,42px)}
body[data-storefront-shell] main h2{font-size:clamp(23px,2.2vw,30px)}
body[data-seo-page="home"][data-storefront-shell] .home-intro h1{color:#fff5fb}
body[data-storefront-shell] .primary,
body[data-storefront-shell] .home-banner-cta{background:var(--store-action);color:#fff;border:1px solid #af196c;border-radius:10px;min-height:48px;text-decoration:none;font-weight:600;box-shadow:inset 0 1px 0 #ffffff30}
body[data-storefront-shell] .primary:hover,
body[data-storefront-shell] .home-banner-cta:hover{background:linear-gradient(180deg,#b21b70,#8f0d56)}
body[data-storefront-shell] .primary:disabled{background:#e3dce4;border-color:#e3dce4;color:#706173;box-shadow:none;cursor:default}
body[data-storefront-shell] .breadcrumb,
body[data-storefront-shell] .info-breadcrumb,
body[data-storefront-shell] .field-note,
body[data-storefront-shell] .optional,
body[data-storefront-shell] .section-intro,
body[data-storefront-shell] .prototype-checkout-note,
body[data-storefront-shell] .summary-line>span,
body[data-storefront-shell] .delivery-option small,
body[data-storefront-shell] .auth-intro,
body[data-storefront-shell] .auth-tabs a,
body[data-storefront-shell] .auth-help,
body[data-storefront-shell] .auth-legacy-note,
body[data-storefront-shell] .auth-divider{color:var(--muted)}
body[data-storefront-shell] .section-title>a,
body[data-storefront-shell] .text-button,
body[data-storefront-shell] .auth-forgot,
body[data-storefront-shell] .point-info a{color:#7b376c}
body[data-storefront-shell] .checkout-signin>p{color:var(--muted)}
body[data-storefront-shell] .checkout-page{color:var(--ink)}
body[data-storefront-shell].checkout-page input:not([type=radio]),
body[data-storefront-shell].checkout-page select,
body[data-storefront-shell].checkout-page textarea{border-color:#b9a6b6;border-radius:10px;min-height:48px;font-size:16px}
body[data-storefront-shell].checkout-page input::placeholder,
body[data-storefront-shell].checkout-page textarea::placeholder{color:#766578;opacity:1}
body[data-storefront-shell] .delivery-modes input:checked+span{background:var(--store-plum);border-color:var(--store-plum)}
body[data-storefront-shell] .auth-tabs a[aria-current],
body[data-storefront-shell] .account-nav button[aria-pressed=true]{color:var(--store-plum);border-bottom-color:var(--berry)}
body[data-storefront-shell] .checkout-error{color:#8f174f;background:#fff0f6;border:1px solid #ebc4d8}
body[data-storefront-shell] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #a31765;outline-offset:3px}
body[data-storefront-shell] [hidden]{display:none!important}

/* One footer on home, catalog, information and customer pages. */
body[data-storefront-shell] footer.store-footer{
 box-sizing:border-box;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:18px 36px;
 max-width:none;width:100%;margin:40px 0 0;padding:34px max(24px,calc((100% - 1200px)/2)) 36px!important;
 border-top:1px solid #604057;background:#251b26;color:#f4e5ef;
}
body[data-storefront-shell] .store-footer .footer-logo img{display:block;width:100px;height:52px;object-fit:contain}
body[data-storefront-shell] .store-footer>p{margin:0;color:#dac4d5;font-size:13px;line-height:1.7}
body[data-storefront-shell] .store-footer>a{color:#f4e5ef;font-size:14px;text-decoration:none}
body[data-storefront-shell] .store-footer .store-info-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;margin:4px 0 0;padding:0;border:0}
body[data-storefront-shell] .store-footer .store-info-links a{color:#e0c4d7;font-size:13px;text-decoration:none}
body[data-storefront-shell] .store-footer .home-copyright{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding-top:18px;border-top:1px solid #62475b;color:#d3bacc;font-size:12px}
body[data-storefront-shell] .store-footer .home-copyright a{color:#f4dfed;text-decoration:none}
body[data-storefront-shell] .store-footer .home-copyright>span{margin-left:auto}
body[data-storefront-shell] .store-footer a:hover{text-decoration:underline}
body[data-storefront-shell]:has(.cart-dock) .store-footer{padding-bottom:112px!important}
body[data-seo-page="home"][data-storefront-shell] .store-footer{padding-bottom:36px!important}
@media(max-width:599px){
 body[data-storefront-shell] footer.store-footer{grid-template-columns:80px minmax(0,1fr);gap:14px 20px;padding:26px 22px 30px!important}
 body[data-storefront-shell] .store-footer .footer-logo img{width:76px;height:44px}
 body[data-storefront-shell] .store-footer .footer-logo{grid-column:1;grid-row:1}
 body[data-storefront-shell] .store-footer>p:not(.home-copyright){grid-column:2;grid-row:1}
 body[data-storefront-shell] .store-footer>a:not(.footer-logo){grid-column:2;font-size:13px}
 body[data-storefront-shell] .store-footer .store-info-links{gap:12px 20px}
 body[data-storefront-shell] .store-footer .home-copyright>span{width:100%;margin-left:0}
}