/* SHIORA77 — shared storefront typography and boutique palette.
   Loaded on every page. Keeps Shoptet's icon fonts and commerce behaviour. */
:root {
  --sh77-burgundy:#713d43;
  --sh77-burgundy-hover:#542b31;
  --sh77-beige:#efe7dc;
  --sh77-cream:#fffdf9;
  --sh77-text:#555555;
  --sh77-border:#d7cbbf;
  --template-font:"Open Sans" !important;
  --template-headings-font:"Open Sans" !important;
  --color-primary:#713d43 !important;
  --color-primary-hover:#542b31 !important;
  --color-secondary:#713d43 !important;
  --color-secondary-hover:#542b31 !important;
  --color-tertiary:#713d43 !important;
  --color-tertiary-hover:#efe7dc !important;
  --color-header-background:#fffdf9 !important;
  --_color-header-text:#555555 !important;
  --_color-header-contrast-text:#fffdf9 !important;
  --colors-foregrounds-content-primary:#555555 !important;
  --colors-foregrounds-content-primary-dark:#555555 !important;
  --colors-foregrounds-content-secondary:#555555 !important;
  --colors-foregrounds-content-tertiary:#666666 !important;
  --colors-foregrounds-headlines-primary:#555555 !important;
  --colors-foregrounds-content-inverted:#fffdf9 !important;
  --colors-foregrounds-icons-primary:#555555 !important;
  --colors-foregrounds-borders-primary:#d7cbbf !important;
  --colors-foregrounds-borders-secondary:#efe7dc !important;
  --colors-surface-primary:#fffdf9 !important;
  --colors-surface-secondary:#efe7dc !important;
  --colors-surface-subtle:#efe7dc !important;
  --colors-surface-rating:#713d43 !important;
  --colors-forms-background:#fffdf9 !important;
  --colors-forms-border:#d7cbbf !important;
  --colors-forms-activated:#713d43 !important;
  --colors-forms-positive:#555555 !important;
  --colors-forms-critical:#713d43 !important;
  --colors-forms-warning:#713d43 !important;
  --colors-forms-informative:#713d43 !important;
  --colors-state-success:#555555 !important;
  --colors-state-danger:#713d43 !important;
  --colors-state-warning:#713d43 !important;
  --colors-state-informative:#713d43 !important;
  --colors-focus-primary:#713d43 !important;
  --dialog-bg-color:#fffdf9 !important;
  --cookies-notice-background:#efe7dc !important;
  --cookies-notice-color:#555555 !important;
  --cookies-notice-button-hover:#542b31 !important;
  --cookies-notice-link-hover:#713d43 !important;
  --dklab-lastvisited-background-color:#fffdf9 !important;
  --dklab-instagram-header-color:#555555 !important;
}

/* Text nodes only: no universal/pseudo-element font reset (icons use shoptet). */
html body,
html body :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,p,div,span,a,button,input,select,textarea,label,legend,li,dt,dd,th,td,small,strong,b,em,summary,figcaption,blockquote,font,section,article,main,header,footer,nav,aside) {
  font-family:"Open Sans",sans-serif !important;
}
html body {font-size:16px;line-height:1.625;color:var(--sh77-text);background:var(--sh77-cream)}
html body :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,p,div,span,li,dt,dd,th,td,label,legend,small,strong,b,em,font) {color:var(--sh77-text)}
html body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4) {color:var(--sh77-text)!important;font-weight:700!important;line-height:1.4}
html body h1,html body .h1 {font-size:28px}
html body h2,html body .h2 {font-size:24px}
html body :is(h3,h4,h5,h6,.h3,.h4) {font-size:16px}
html body :is(strong,b) {font-weight:700}
html body a {color:var(--sh77-burgundy)}
html body a:hover {color:var(--sh77-burgundy-hover)}
html body :is(input,select,textarea) {font-size:16px;color:var(--sh77-text);accent-color:var(--sh77-burgundy)}
html body :is(input,select,textarea):focus-visible {outline-color:var(--sh77-burgundy)}
html body :is(p,td,th,li,div,span,font)[style*="color"] {color:var(--sh77-text)!important}
/* Rich-text product descriptions historically contain inline Verdana. */
html body :is([style*="verdana" i],[face*="verdana" i]) {font-size:14px!important;color:var(--sh77-text)!important}
html body :is([style*="verdana" i],[face*="verdana" i]) :where(p,div,span,li,th,td,strong,b,em,i,a,small) {font-size:inherit!important;color:inherit!important}

/* Header, wordmark and the existing home-page editorial blocks. */
html body :is(#header,.header-top,.header-bottom,.top-navigation-bar,#content) {background:var(--sh77-cream)!important}
html body #header .site-name a:after {content:'SHIORA77';font:700 28px/1.2 "Open Sans",sans-serif!important;letter-spacing:.035em;color:var(--sh77-text)!important}
html body :is(#navigation,.navigation-in,.top-navigation-bar) a {color:var(--sh77-text)!important}
html body :is(#navigation,.navigation-in,.top-navigation-bar) a:hover {color:var(--sh77-burgundy)!important}
html body #navigation :is(a,b) {font-family:"Open Sans",sans-serif!important;font-size:14px!important}
html body .sh77-butik {color:var(--sh77-text)}
html body .sh77-butik :is(p,small,span) {color:var(--sh77-text)!important}
html body .sh77-butik h1 {font-size:clamp(30px,3.5vw,48px)!important;letter-spacing:-.025em}
html body :is(.sh77-butik h2,.sh77-butik-cat span,.sh77-butik-visit h2) {font-size:24px!important;font-weight:700!important}
html body :is(.sh77-butik-benefits,.sh77-butik-benefits small,.sh77-butik-cat small) {font-size:14px!important}
html body .sh77-butik .sh77-butik-eyebrow {color:var(--sh77-burgundy)!important;font-size:14px!important}
html body :is(.homepage-group-title,.products-header) {font-family:"Open Sans",sans-serif!important;font-size:24px!important;font-weight:700!important;color:var(--sh77-text)!important}
html body #footer {background:var(--sh77-beige)!important;color:var(--sh77-text)!important;border-color:var(--sh77-border)!important}
html body #footer :is(p,a,span,div,h3,h4,strong) {color:var(--sh77-text)!important}
html body #footer :is(h3,h4) {font-size:16px!important;font-weight:700!important}
html body .footer-bottom {background:var(--sh77-beige)!important}

/* Product cards, information tabs and stock badges. */
html body .p {background:var(--sh77-cream)!important;border-color:var(--sh77-border)!important}
html body .p .name,html body:is(.type-index,.type-category) .p .name {font-size:14px!important;font-weight:600!important;line-height:1.55!important;color:var(--sh77-text)!important}
html body .p .name span {color:inherit!important}
html body .p .price-final,html body:is(.type-index,.type-category) .p .price-final {font-size:16px!important;font-weight:700!important;color:var(--sh77-text)!important}
html body :is(.price-final,.price-standard,.price-additional,.availability,.availability span) {color:var(--sh77-text)!important}
html body .availability-label {color:var(--sh77-text)!important}
html body :is(.availability,.widget-parameter-list,.price-additional) {font-size:14px!important}
html body .flags .flag {background:var(--sh77-beige)!important;color:var(--sh77-burgundy)!important;font-weight:700!important}
html body .flags .flag * {color:inherit!important}
html body .flag.flag-discount {background:var(--sh77-burgundy)!important;color:var(--sh77-cream)!important}
html body :is(.shp-tab-link,.shp-tab-link:visited) {font-size:16px!important;font-weight:700!important;color:var(--sh77-text)!important}
html body :is(.shp-tab.active .shp-tab-link,.shp-tab-link[aria-selected="true"]) {color:var(--sh77-burgundy)!important;border-color:var(--sh77-burgundy)!important}

/* Conversion actions, including native cart/checkout and the gallery sticky bar. */
html body :is(.btn-primary,.btn-conversion,.add-to-cart-button,.sh77-sticky button,.sh77-butik-cta) {
  background:var(--sh77-burgundy)!important;border-color:var(--sh77-burgundy)!important;
  color:var(--sh77-cream)!important;font-family:"Open Sans",sans-serif!important;font-size:16px!important;font-weight:700!important;
}
html body :is(.btn-primary,.btn-conversion,.add-to-cart-button,.sh77-sticky button,.sh77-butik-cta) :is(span,strong,b,small) {color:var(--sh77-cream)!important}
html body :is(.btn-primary,.btn-conversion,.add-to-cart-button,.sh77-sticky button,.sh77-butik-cta):hover {background:var(--sh77-burgundy-hover)!important;border-color:var(--sh77-burgundy-hover)!important}
html body .btn-default {background:var(--sh77-beige)!important;border-color:var(--sh77-border)!important;color:var(--sh77-text)!important;font-weight:700}
html body .btn-default:hover {border-color:var(--sh77-burgundy)!important;color:var(--sh77-burgundy)!important}
html body .price-range {background:var(--sh77-beige)!important}
html body .price-range>div {background:var(--sh77-burgundy)!important}
html body :is(.extra.delivery,.extra.delivery span) {font-size:16px;color:var(--sh77-text)!important}
html body .advanced-order .h1 {font-size:24px!important}
html body .advanced-order .h2 {font-size:16px!important}
html body .advanced-order .h2>span {display:block;margin-top:6px;font-size:14px;font-weight:400}
html body #cboxContent {background:var(--sh77-cream)}
html body .cart-header :is(.active,.completed)>:is(a,strong):before {background:var(--sh77-burgundy);color:var(--sh77-cream)}
html body :is(.messages,.message,.msg) {color:var(--sh77-text);border-color:var(--sh77-burgundy)}

/* Match the shared product gallery without altering its layout or interactions. */
html body.sh77-pdp {--sh77-ink:#555555;--sh77-line:#d7cbbf}
html body.sh77-pdp h1 {font-family:"Open Sans",sans-serif!important;font-size:23px!important;font-weight:700!important;color:var(--sh77-text)!important}
html body.sh77-pdp :is(.brand-wrapper,.detail-parameters,.sh77-variants,.sh77-selection-message) {font-size:14px}
html body.sh77-pdp .p-final-price-wrapper .price-final {font-family:"Open Sans",sans-serif;font-size:24px}
html body.sh77-pdp .p-short-description {font-size:14px;color:var(--sh77-text)}
html body.sh77-pdp :is(.sh77-option,.sh77-tool) {background:var(--sh77-cream);border-color:var(--sh77-border);color:var(--sh77-text)}
html body.sh77-pdp .sh77-colors .sh77-option {font-size:11px;font-weight:700}
html body.sh77-pdp .sh77-colors .sh77-option[aria-pressed="true"] {background:var(--sh77-beige);border-color:var(--sh77-burgundy)}
html body.sh77-pdp .sh77-sizes .sh77-option {font-size:14px;font-weight:700}
html body.sh77-pdp .sh77-sizes .sh77-option[aria-pressed="true"] {background:var(--sh77-burgundy);border-color:var(--sh77-burgundy);color:var(--sh77-cream)}
html body.sh77-pdp .sh77-option:focus-visible {outline-color:var(--sh77-burgundy)}
html body.sh77-pdp :is(.sh77-sticky,.sh77-modal) {background:var(--sh77-cream);color:var(--sh77-text);border-color:var(--sh77-border)}
html body.sh77-pdp .sh77-bar:after {background:var(--sh77-border)}
html body.sh77-pdp .sh77-bar[aria-current="true"]:after {background:var(--sh77-burgundy)}
html body.sh77-pdp .sh77-selection-message {color:var(--sh77-burgundy)}

/* Shop-owned utility widgets use the same palette as the storefront. */
html body #OPHWidgetWrapp .OPHWidgetItem {background:var(--sh77-burgundy)!important;color:var(--sh77-cream)!important}
html body #OPHWidgetWrapp .OPHWidgetItem :is(div,a,small) {color:var(--sh77-cream)!important}
html body #OPHWidgetWrapp :is(.OPHWidgetTable,.headTable,.contentTable,.addressText) {background:var(--sh77-cream)!important;color:var(--sh77-text)!important}
html body #return-to-top {background:var(--sh77-burgundy)!important;color:var(--sh77-cream)!important}
@media(max-width:767px) {
  html body #header .site-name a:after {font-size:23px!important;letter-spacing:.025em}
  html body :is(h1,.h1) {font-size:24px}
  html body :is(h2,.h2,.homepage-group-title,.products-header) {font-size:20px!important}
  html body .sh77-butik h1 {font-size:32px!important}
  html body .sh77-butik-cat span {font-size:16px!important;line-height:1.4}
  html body.sh77-pdp h1 {font-size:20px!important}
  html body .advanced-order .h1 {font-size:22px!important}
  html body .advanced-order .h2 {font-size:16px!important}
  html body #footer :is(.vote-summary,.vote-product-name) {white-space:normal;overflow-wrap:anywhere}
}