/* =========================================================
   Stitchize final visual polish — July 2026
   Fonts, dark-section contrast, pricing typography,
   animated welcome scene and compact sticky header.
   ========================================================= */
:root{
  --display:'Fraunces',Georgia,serif!important;
  --body:'Inter','Segoe UI',Arial,sans-serif!important;
  --mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace!important;
}

/* Full-site typography */
html,body,button,input,select,textarea,optgroup,
.st-desktop-nav a,.st-mobile-nav a,.st-btn,.st-nav-cta,
table,th,td,label,.st-footer,.st-footer *{
  font-family:var(--body)!important;
}
h1,h2,h3,.h1,.h2,.h3,.page-title,.breadcrumb-content h2,
.li-section-title h2,.about-us-content h2,.contact-page-title h2,
.product-info h2,.blog-hero h1,.about-hero h1,.st-brand-name{
  font-family:var(--display)!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
h4,h5,h6,.price-card__top h3,.st-product-card h3,.st-testimonial h3{
  font-family:var(--body)!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
}
.st-eyebrow,.eyebrow,.st-card-meta,.st-view-all,.st-section-link,
.price-card__badge,.breadcrumb-content ul,.pagination,.st-hero-kicker,
.st-hero-price,.st-motion-ticker span,.st-footer-block h5,
.st-footer-payment span,.st-footer-bottom,.chip,.hero-meta,.badge-soft{
  font-family:var(--mono)!important;
}
p,li,.st-footer-block a,.st-product-card,.st-testimonial{
  letter-spacing:-.006em;
}

/* Pricing bands: clean modern figures rather than decorative serif numerals */
.price-card__band .big,
.price-card__band .big *,
.price-card__band .sym,
.st-product-price,.new-price,.price-box{
  font-family:var(--body)!important;
  font-variant-numeric:tabular-nums lining-nums!important;
}
.price-card__band .big{
  font-size:42px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
.price-card__band .sym{
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  margin-top:6px!important;
}
.price-card__band{
  display:flex!important;
  align-items:center!important;
  min-height:72px;
}

/* Permanent readable text on every dark service/policy block */
.digitizing-hero .inner,
.vector-hero .inner,
.policy-hero .inner,
.service-hero .inner,
.cta{
  color:#fff!important;
}
.digitizing-hero .inner h1,
.digitizing-hero .inner h2,
.digitizing-hero .inner h3,
.digitizing-hero .inner h4,
.digitizing-hero .inner p,
.digitizing-hero .inner strong,
.digitizing-hero .inner small,
.vector-hero .inner h1,
.vector-hero .inner h2,
.vector-hero .inner h3,
.vector-hero .inner h4,
.vector-hero .inner p,
.vector-hero .inner strong,
.vector-hero .inner small,
.policy-hero .inner h1,
.policy-hero .inner h2,
.policy-hero .inner h3,
.policy-hero .inner h4,
.policy-hero .inner p,
.policy-hero .inner strong,
.policy-hero .inner small,
.service-hero .inner h1,
.service-hero .inner h2,
.service-hero .inner h3,
.service-hero .inner h4,
.service-hero .inner p,
.cta h1,.cta h2,.cta h3,.cta h4,.cta h5,.cta p,.cta strong,.cta small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.digitizing-hero .grad-text,
.vector-hero .grad-text,
.policy-hero .grad-text{
  background:none!important;
  color:#fff!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#fff!important;
  animation:none!important;
}
.digitizing-hero .hero-sub,
.vector-hero .hero-sub,
.policy-hero .inner p,
.cta p{
  color:rgba(255,255,255,.82)!important;
}
.digitizing-hero .chip,
.vector-hero .chip,
.policy-hero .chip,
.digitizing-hero .hero-meta span,
.vector-hero .hero-meta span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.cta .pill-btn,
.digitizing-hero .pill-btn,
.vector-hero .pill-btn{
  -webkit-text-fill-color:currentColor!important;
}

/* Header moves into a compact elevated state on scroll */
.st-site-header,
.st-nav-row,
.st-brand-logo,
.st-brand-name,
.st-desktop-nav a{
  transition:min-height .25s ease,height .25s ease,width .25s ease,
             padding .25s ease,box-shadow .25s ease,background .25s ease,
             font-size .25s ease,transform .25s ease!important;
}
.st-site-header.is-scrolled{
  background:rgba(255,253,247,.94)!important;
  box-shadow:0 10px 28px rgba(32,41,67,.12)!important;
  backdrop-filter:blur(14px)!important;
}
.st-site-header.is-scrolled .st-nav-row{min-height:62px!important}
.st-site-header.is-scrolled .st-brand-logo{
  width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important
}
.st-site-header.is-scrolled .st-brand-name{font-size:23px!important}
.st-site-header.is-scrolled .st-desktop-nav a{padding-top:21px!important;padding-bottom:20px!important}

/* Dream-inspired moving welcome block, adapted to Stitchize */
.st-motion-welcome{
  position:relative;
  overflow:hidden;
  padding:76px 0 68px;
  background:#fffdf7;
  border-bottom:1px solid var(--line);
}
.st-motion-welcome::before{
  content:"";
  position:absolute;
  width:560px;height:560px;
  right:7%;top:50%;
  transform:translateY(-50%);
  border-radius:46% 54% 60% 40% / 45% 38% 62% 55%;
  background:rgba(226,84,43,.08);
  animation:stBlobMorph 11s ease-in-out infinite alternate;
}
.st-motion-welcome-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
  gap:62px;
  align-items:center;
  min-height:410px;
}
.st-motion-copy{max-width:540px}
.st-motion-copy h2{
  margin:10px 0 18px!important;
  font-size:clamp(38px,4.3vw,62px)!important;
  line-height:1.05!important;
  color:var(--navy)!important;
}
.st-motion-copy h2 em{color:var(--coral);font-weight:600}
.st-motion-copy>p{
  max-width:525px;
  margin:0 0 24px;
  color:rgba(32,38,59,.72)!important;
  font-size:16px;
  line-height:1.75;
}
.st-motion-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:0 0 28px;
  padding:0;
  list-style:none;
}
.st-motion-points li{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}
.st-motion-points i{color:var(--coral)}
.st-motion-actions{display:flex;flex-wrap:wrap;gap:12px}
.st-motion-scene{
  position:relative;
  min-height:390px;
  isolation:isolate;
}
.st-motion-blob{
  position:absolute;
  inset:35px 20px 30px 35px;
  z-index:-1;
  border-radius:52% 48% 44% 56% / 46% 42% 58% 54%;
  background:
    radial-gradient(circle at 64% 28%,rgba(255,255,255,.9),transparent 26%),
    linear-gradient(135deg,#f8e9df,#f6dacf);
  animation:stBlobMorph 10s ease-in-out infinite alternate-reverse;
}
.st-motion-art{
  position:absolute;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(32,41,67,.12));
  will-change:transform;
}
.st-motion-art--seated{
  width:42%;left:4%;bottom:16px;
  animation:stFloatA 5.8s ease-in-out infinite;
}
.st-motion-art--standing{
  width:45%;right:12%;bottom:15px;
  animation:stFloatB 6.6s ease-in-out infinite;
}
.st-motion-art--plant{
  width:23%;right:0;bottom:8px;
  animation:stFloatC 5.2s ease-in-out infinite;
}
.st-motion-note{
  position:absolute;
  right:2%;top:13px;
  max-width:190px;
  padding:13px 15px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(32,38,59,.1);
  border-radius:4px;
  box-shadow:0 12px 26px rgba(32,41,67,.08);
  color:rgba(32,38,59,.68);
  font-size:11px;
  line-height:1.55;
  animation:stFloatC 6s ease-in-out infinite reverse;
}
@keyframes stBlobMorph{
  0%{border-radius:52% 48% 44% 56% / 46% 42% 58% 54%;transform:translateY(-50%) rotate(0deg)}
  100%{border-radius:42% 58% 55% 45% / 58% 50% 50% 42%;transform:translateY(-50%) rotate(2deg)}
}
.st-motion-blob{animation-name:stBlobOnly}
@keyframes stBlobOnly{
  0%{border-radius:52% 48% 44% 56% / 46% 42% 58% 54%;transform:rotate(-1deg) scale(.985)}
  100%{border-radius:42% 58% 55% 45% / 58% 50% 50% 42%;transform:rotate(2deg) scale(1.02)}
}
@keyframes stFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-12px,0)}}
@keyframes stFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,-16px,0)}}
@keyframes stFloatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}

/* More polished cards and subtle motion */
.st-product-card,.st-testimonial,.price-card,.feature-card,.policy,.st-footer-benefit{
  transition:transform .28s cubic-bezier(.2,.75,.3,1),
             box-shadow .28s ease,border-color .28s ease!important;
}
.st-product-card:hover,.st-testimonial:hover,.price-card:hover,.feature-card:hover,.policy:hover,.st-footer-benefit:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 16px 34px rgba(32,41,67,.11)!important;
}

/* Mobile adaptations */
@media(max-width:991px){
  .st-motion-welcome{padding:58px 0}
  .st-motion-welcome-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .st-motion-copy{max-width:650px;text-align:center;margin:0 auto}
  .st-motion-copy>p{margin-left:auto;margin-right:auto}
  .st-motion-points,.st-motion-actions{justify-content:center}
  .st-motion-scene{min-height:350px;max-width:660px;width:100%;margin:0 auto}
  .st-motion-welcome::before{right:50%;transform:translate(50%,-50%)}
}
@media(max-width:767px){
  .st-site-header.is-scrolled .st-nav-row{min-height:60px!important}
  .st-motion-welcome{padding:48px 0 40px}
  .st-motion-copy h2{font-size:38px!important}
  .st-motion-copy>p{font-size:14px;line-height:1.65}
  .st-motion-scene{min-height:285px}
  .st-motion-art--seated{width:44%;left:0}
  .st-motion-art--standing{width:47%;right:10%}
  .st-motion-art--plant{width:23%;right:-1%}
  .st-motion-note{display:none}
}
@media(max-width:480px){
  .st-motion-copy h2{font-size:33px!important}
  .st-motion-points{display:grid;grid-template-columns:1fr 1fr;text-align:left}
  .st-motion-actions .st-btn{flex:1 1 145px}
  .st-motion-scene{min-height:245px}
  .st-motion-blob{inset:25px 4px 20px}
}
@media(prefers-reduced-motion:reduce){
  .st-motion-welcome::before,.st-motion-blob,.st-motion-art,.st-motion-note{animation:none!important}
}

/* =========================================================
   Layout polish: pricing, mobile header, quick paths,
   footer alignment and final pre-footer welcome placement
   ========================================================= */

/* Pricing cards: clearer hierarchy and friendlier wording. */
.price-card{
  overflow:hidden!important;
  border-radius:6px!important;
}
.price-card__top{
  padding:22px 20px 16px!important;
  min-height:92px!important;
}
.price-card__top h3{
  font-family:var(--display)!important;
  font-size:22px!important;
  line-height:1.18!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.price-card__top .sub{
  margin-top:6px!important;
  font-size:14px!important;
  line-height:1.45!important;
  color:rgba(32,41,67,.62)!important;
}
.price-card__band{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:end!important;
  column-gap:8px!important;
  min-height:86px!important;
  padding:29px 20px 17px!important;
}
.price-card__band::before{
  content:"Typical price";
  position:absolute;
  left:20px;
  top:10px;
  color:rgba(255,255,255,.68);
  font-family:var(--mono)!important;
  font-size:9px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.price-card__band .big{
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
  font-family:var(--body)!important;
  font-size:38px!important;
  line-height:.95!important;
  font-weight:820!important;
  letter-spacing:-.045em!important;
}
.price-card__band .sym{
  display:inline-block!important;
  margin:0 0 5px!important;
  font-family:var(--body)!important;
  font-size:14px!important;
  font-weight:800!important;
}
.price-card__body{
  padding:20px!important;
}
.price-card__desc{
  font-size:14px!important;
  line-height:1.55!important;
  color:rgba(32,41,67,.72)!important;
}
.price-card__badge{
  font-family:var(--mono)!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
}
.price-card__btn{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:var(--body)!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  border-radius:3px!important;
}

/* The welcome artwork block now lives immediately before footer benefits. */
.st-home-main > .st-motion-welcome:last-child{
  margin-bottom:0!important;
  border-top:1px solid var(--line)!important;
  border-bottom:0!important;
}

/* Keep action buttons above decorative artwork at every width. */
.st-motion-copy{
  position:relative!important;
  z-index:5!important;
}
.st-motion-actions{
  position:relative!important;
  z-index:8!important;
}
.st-motion-scene{
  overflow:hidden!important;
  z-index:1!important;
}

/* Mobile header: brand stays on the left; actions remain on the right. */
@media(max-width:767px){
  .st-nav-row{
    justify-content:space-between!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .st-nav-row > .st-brand{
    position:static!important;
    left:auto!important;
    transform:none!important;
    margin:0 auto 0 0!important;
    z-index:3!important;
  }
  .st-nav-actions{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .st-brand{
    gap:3px!important;
  }
  .st-brand-logo{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  .st-brand-name{
    font-size:21px!important;
    white-space:nowrap!important;
  }

  /* Keep both circular choices side-by-side, even on phones. */
  .st-quick-paths{
    padding-top:38px!important;
  }
  .st-quick-paths .st-fork,
  .st-fork{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    max-width:none!important;
    width:100%!important;
    align-items:center!important;
  }
  .st-fork-mid{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    z-index:6!important;
    width:30px!important;
    height:30px!important;
    padding:0!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:var(--canvas)!important;
    border:1px solid var(--line)!important;
    box-shadow:0 5px 16px rgba(32,41,67,.09)!important;
  }
  .st-fork-mid span{
    font-size:8px!important;
    letter-spacing:.06em!important;
  }
  .st-fork-line{display:none!important}
  .st-hoop{
    min-width:0!important;
    width:100%!important;
    padding:18px 13px!important;
    border-width:4px!important;
  }
  .st-hoop::before{inset:8%!important}
  .st-hoop-kicker{
    font-size:8px!important;
    letter-spacing:.08em!important;
  }
  .st-hoop h3{
    margin:7px 0 7px!important;
    font-size:clamp(17px,5vw,22px)!important;
    line-height:1.08!important;
  }
  .st-hoop p{
    max-width:150px!important;
    margin:0 auto 10px!important;
    font-size:clamp(10px,2.85vw,12px)!important;
    line-height:1.42!important;
  }
  .st-hoop-go{
    font-size:9px!important;
  }

  /* Footer columns and brand stay left aligned on phones. */
  .st-footer-grid{
    text-align:left!important;
  }
  .st-footer-intro{
    text-align:left!important;
  }
  .st-footer .st-footer-brand{
    width:auto!important;
    justify-content:flex-start!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .st-footer-intro p{
    margin-left:0!important;
    margin-right:0!important;
    max-width:330px!important;
  }
  .st-socials{
    justify-content:flex-start!important;
  }
  .st-footer-block ul{
    align-items:flex-start!important;
  }
  .st-footer-block,
  .st-footer-block h5,
  .st-footer-block li{
    text-align:left!important;
  }

  /* Payment methods and legal line remain centred. */
  .st-footer-payment{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .st-footer-payment img{
    margin-inline:auto!important;
  }
  .st-footer-bottom{
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }

  /* Mobile welcome section: content first, artwork below, no overlap. */
  .st-motion-welcome{
    padding:50px 0 34px!important;
  }
  .st-motion-welcome-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
    min-height:0!important;
  }
  .st-motion-copy{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
  }
  .st-motion-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .st-motion-actions .st-btn{
    width:100%!important;
    min-width:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .st-motion-scene{
    order:2!important;
    width:100%!important;
    max-width:390px!important;
    min-height:285px!important;
    margin:8px auto 0!important;
    padding-top:22px!important;
  }
  .st-motion-blob{
    inset:32px 4px 10px!important;
  }
  .st-motion-art--seated{
    width:43%!important;
    left:0!important;
    bottom:8px!important;
  }
  .st-motion-art--standing{
    width:45%!important;
    right:13%!important;
    bottom:5px!important;
  }
  .st-motion-art--plant{
    width:22%!important;
    right:0!important;
    bottom:4px!important;
  }
}

@media(max-width:420px){
  .st-brand-logo{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
  .st-brand-name{
    font-size:19px!important;
  }
  .st-hoop{
    padding:15px 10px!important;
  }
  .st-hoop h3{
    font-size:17px!important;
  }
  .st-hoop p{
    font-size:10px!important;
    line-height:1.38!important;
  }
  .st-motion-copy h2{
    font-size:31px!important;
  }
  .st-motion-points{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    width:max-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .st-motion-scene{
    min-height:260px!important;
  }
}

/* =========================================================
   Final interaction, cart and responsive audit — Aug 2026
   ========================================================= */

/* All dark hero/CTA copy remains readable across every inner page. */
.about-hero .inner,
.blog-hero .inner,
.digitizing-hero .inner,
.vector-hero .inner,
.policy-hero .inner,
.service-hero .inner,
.cta{
  color:#fff!important;
}
.about-hero .inner h1,.about-hero .inner h2,.about-hero .inner h3,.about-hero .inner p,.about-hero .inner span,.about-hero .inner strong,.about-hero .inner small,
.blog-hero .inner h1,.blog-hero .inner h2,.blog-hero .inner h3,.blog-hero .inner p,.blog-hero .inner span,.blog-hero .inner strong,.blog-hero .inner small,
.digitizing-hero .inner h1,.digitizing-hero .inner h2,.digitizing-hero .inner h3,.digitizing-hero .inner p,.digitizing-hero .inner span,.digitizing-hero .inner strong,.digitizing-hero .inner small,
.vector-hero .inner h1,.vector-hero .inner h2,.vector-hero .inner h3,.vector-hero .inner p,.vector-hero .inner span,.vector-hero .inner strong,.vector-hero .inner small,
.policy-hero .inner h1,.policy-hero .inner h2,.policy-hero .inner h3,.policy-hero .inner p,.policy-hero .inner span,.policy-hero .inner strong,.policy-hero .inner small,
.service-hero .inner h1,.service-hero .inner h2,.service-hero .inner h3,.service-hero .inner p,.service-hero .inner span,.service-hero .inner strong,.service-hero .inner small,
.cta h1,.cta h2,.cta h3,.cta h4,.cta h5,.cta p,.cta span,.cta strong,.cta small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.about-hero .inner p,.blog-hero .inner p,.digitizing-hero .inner p,.vector-hero .inner p,.policy-hero .inner p,.service-hero .inner p,.cta p{
  color:rgba(255,255,255,.88)!important;
}

/* Shop filters: stable native controls with correct vertical alignment. */
.shop-filter-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(170px,1fr));
  gap:12px;
  width:min(100%,430px);
  margin-left:auto;
  align-items:end;
}
.shop-filter-field{display:block;min-width:0}
.shop-filter-field label{
  display:block!important;
  margin:0 0 6px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:750!important;
  color:var(--ink)!important;
}
select.shop-native-select{
  display:block!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 38px 0 13px!important;
  line-height:42px!important;
  text-align:left!important;
  text-indent:0!important;
  font-size:13px!important;
  font-weight:500!important;
  color:var(--ink)!important;
  background-color:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  appearance:auto!important;
}
#shop-live-area{transition:opacity .18s ease,filter .18s ease}
#shop-live-area.is-loading{opacity:.55;filter:saturate(.75);pointer-events:none}

/* Product cards never create an empty expanding white area on hover. */
.single-product-wrap,
.single-product-wrap:hover,
.single-product-wrap.mt-40:hover{
  margin:0 0 22px!important;
  padding:0!important;
  min-height:100%!important;
}
.single-product-wrap::before,.single-product-wrap:hover::before{display:none!important}
.single-product-wrap:hover{transform:translateY(-3px)!important}
.single-product-wrap .product-image img{transition:transform .32s ease!important}
.single-product-wrap:hover .product-image img{transform:scale(1.035)!important}
.single-product-wrap .product_desc{height:auto!important;min-height:0!important}
.single-product-wrap .add-actions{position:static!important;opacity:1!important;visibility:visible!important;bottom:auto!important}

/* Quantity controls: one set of controls, readable values, no native spinner collision. */
.cart-plus-minus{
  display:grid!important;
  grid-template-columns:48px 28px!important;
  grid-template-rows:23px 23px!important;
  width:76px!important;
  height:46px!important;
  margin:0!important;
  float:none!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:3px!important;
}
.cart-plus-minus .cart-plus-minus-box{
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:48px!important;
  min-width:48px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:3px 0 0 3px!important;
  background:#fff!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:46px!important;
  text-align:center!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
.cart-plus-minus .cart-plus-minus-box::-webkit-inner-spin-button,
.cart-plus-minus .cart-plus-minus-box::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
.cart-plus-minus .dec.qtybutton,.cart-plus-minus .inc.qtybutton{
  position:static!important;
  width:28px!important;
  height:23px!important;
  min-height:23px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:var(--ink)!important;
  line-height:1!important;
}
.cart-plus-minus .inc.qtybutton{grid-column:2!important;grid-row:1!important;border-radius:0 3px 0 0!important;border-bottom:0!important}
.cart-plus-minus .dec.qtybutton{grid-column:2!important;grid-row:2!important;border-radius:0 0 3px 0!important}
.cart-plus-minus .qtybutton:hover{background:var(--canvas-deep)!important;color:var(--coral)!important}
.cart-quantity{display:flex!important;align-items:flex-end!important;gap:12px!important;overflow:visible!important;float:none!important}
.cart-quantity .quantity{display:flex!important;flex-direction:column!important;gap:6px!important}
.cart-quantity .add-to-cart{min-height:46px!important;padding:0 22px!important}
.qty-form{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important}

/* Compact, balanced side-by-side home choices on small screens. */
@media(max-width:575px){
  .st-quick-paths{padding:28px 0 34px!important}
  .st-quick-paths .container{padding-left:10px!important;padding-right:10px!important}
  .st-quick-paths .st-fork,.st-fork{gap:8px!important}
  .st-hoop{padding:14px 9px!important;border-width:3px!important}
  .st-hoop-kicker{font-size:7px!important;letter-spacing:.07em!important;margin-bottom:3px!important}
  .st-hoop h3{font-size:clamp(14px,4.2vw,17px)!important;line-height:1.08!important;margin:4px 0 5px!important;letter-spacing:-.035em!important}
  .st-hoop p{max-width:132px!important;font-size:clamp(9px,2.55vw,10.5px)!important;line-height:1.35!important;margin:0 auto 7px!important}
  .st-hoop-go{font-size:7.5px!important;letter-spacing:.02em!important}
  .st-fork-mid{width:24px!important;height:24px!important}
  .st-fork-mid span{font-size:6.5px!important}
}

@media(max-width:767px){
  .shop-toolbar{display:block!important}
  .shop-toolbar>div:first-child{margin-bottom:14px!important;font-size:13px!important;line-height:1.6!important}
  .shop-filter-form{grid-template-columns:1fr!important;width:100%!important;margin:0!important;gap:10px!important}
  .shop-filter-field label{font-size:12px!important;margin-bottom:5px!important}
  select.shop-native-select{height:44px!important;line-height:42px!important;font-size:13px!important}
  .cart-quantity{align-items:flex-end!important;flex-wrap:wrap!important}
  .qty-form{gap:8px!important}
  .table-content table td.quantity{min-width:170px!important}
}

@media(max-width:420px){
  .st-hoop h3{font-size:13.5px!important}
  .st-hoop p{font-size:8.8px!important;max-width:118px!important}
  .st-hoop-go{font-size:7px!important}
}


/* Extra small-screen readability for inner pages and commerce tables. */
@media(max-width:575px){
  .about-hero .inner,.blog-hero .inner,.policy-hero .inner,
  .digitizing-hero .inner,.vector-hero .inner,.service-hero .inner{
    padding:30px 18px!important;
  }
  .about-hero .inner h1,.blog-hero .inner h1,.policy-hero .inner h1,
  .digitizing-hero .inner h1,.vector-hero .inner h1,.service-hero .inner h1{
    font-size:clamp(24px,7vw,31px)!important;
    line-height:1.12!important;
  }
  .about-hero .inner p,.blog-hero .inner p,.policy-hero .inner p,
  .digitizing-hero .inner p,.vector-hero .inner p,.service-hero .inner p{
    font-size:13px!important;
    line-height:1.62!important;
  }
  .single-product-wrap .product_name{font-size:13px!important;line-height:1.3!important}
  .single-product-wrap .product_desc{padding:12px 12px 14px!important}
  .single-product-wrap .add-actions-link{gap:7px!important}
  .single-product-wrap .add-actions-link .add-cart{flex:1 1 auto!important}
  .single-product-wrap .add-actions-link .add-cart a{width:100%!important;padding:0 7px!important;font-size:8px!important}
  .table-content{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .table-content table{min-width:820px!important}
}

/* =====================================================================
   Secure commerce, quick view, accounts and editorial blog — v50
   ===================================================================== */
.st-account-login,.st-user-menu>summary{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid rgba(32,38,59,.14);background:#fff;color:#20263b;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.st-user-menu{position:relative}.st-user-menu>summary::-webkit-details-marker{display:none}.st-user-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:120;width:240px;background:#fffdf8;border:1px solid rgba(32,38,59,.14);box-shadow:0 18px 45px rgba(32,38,59,.18);padding:14px}.st-user-dropdown strong,.st-user-dropdown small{display:block}.st-user-dropdown small{color:#707685;margin:3px 0 10px}.st-user-dropdown a,.st-user-dropdown button{display:flex;width:100%;align-items:center;gap:8px;padding:9px 0;border:0;border-top:1px solid #eee8dc;background:none;color:#20263b;text-align:left;text-decoration:none;cursor:pointer}.st-user-dropdown a:hover,.st-user-dropdown button:hover{color:#ef552f}.st-mobile-logout button{width:100%;padding:11px;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;text-align:left}

.st-modal-open{overflow:hidden}.st-qv[hidden]{display:none}.st-qv{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}.st-qv.is-open{opacity:1}.st-qv-backdrop{position:absolute;inset:0;border:0;background:rgba(12,17,31,.72);backdrop-filter:blur(4px)}.st-qv-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fffdf8;border:1px solid rgba(32,38,59,.18);box-shadow:0 28px 80px rgba(0,0,0,.34);transform:translateY(16px) scale(.985);transition:transform .18s ease}.st-qv.is-open .st-qv-dialog{transform:none}.st-qv-close{position:absolute;top:10px;right:12px;z-index:5;width:38px;height:38px;border:1px solid rgba(32,38,59,.15);background:#fff;color:#20263b;font-size:26px;line-height:1;cursor:pointer}.st-qv-media{padding:22px;background:#f0eadb}.st-qv-main{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#e7e0cf}.st-qv-main img{width:100%;height:100%;object-fit:contain}.st-qv-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.st-qv-thumbs button{width:58px;height:58px;padding:2px;border:2px solid transparent;background:#fff;flex:0 0 auto;cursor:pointer}.st-qv-thumbs button.is-active{border-color:#ef552f}.st-qv-thumbs img{width:100%;height:100%;object-fit:cover}.st-qv-info{padding:38px 34px 28px}.st-qv-kicker{display:inline-block;font:700 10px/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#ef552f}.st-qv-info h2{font:600 clamp(28px,4vw,42px)/1.05 Fraunces,Georgia,serif;color:#202a49;margin:12px 42px 10px 0}.st-qv-stars{display:flex;gap:2px;margin:8px 0}.st-qv-stars span{color:#d6d0c3;font-size:15px}.st-qv-stars span.is-filled{color:#d89b2b}.st-qv-price-row{display:flex;align-items:center;gap:10px;margin:14px 0}.st-qv-price-row strong{font:700 28px/1 Inter,sans-serif;color:#ef552f}.st-qv-price-row del{color:#888}.st-qv-price-row span{padding:4px 7px;background:#202a49;color:#fff;font-size:10px;font-weight:800}.st-qv-by{margin:0 0 10px;color:#727786;font-size:13px}.st-qv-description{color:#555d70;line-height:1.65;margin-bottom:18px}.st-qv-error{background:#fff0eb;border-left:4px solid #ef552f;padding:10px;margin-bottom:14px;color:#9a3b22}.st-qv-cart{display:grid;grid-template-columns:auto 132px 1fr;align-items:end;gap:10px}.st-qv-cart label{font-size:12px;font-weight:800;color:#202a49}.st-qty-control{display:grid;grid-template-columns:38px 52px 38px;height:44px}.st-qty-control button,.st-qty-control input{border:1px solid rgba(32,38,59,.2);background:#fff;text-align:center;height:44px}.st-qty-control input{border-left:0;border-right:0;width:52px;-moz-appearance:textfield}.st-qty-control input::-webkit-inner-spin-button{display:none}.st-qv-add{height:44px;border:0;background:#202a49;color:#fff;font-weight:800;cursor:pointer}.st-qv-add:hover{background:#ef552f}.st-qv-add:disabled{opacity:.45;cursor:not-allowed}.st-qv-details{display:inline-block;margin-top:18px;color:#202a49;font-weight:800;text-decoration:underline;text-underline-offset:4px}.st-qv-security{margin-top:16px;padding-top:12px;border-top:1px solid #e6dfd2;color:#707685;font-size:11px}

/* Blog listing and expanded article pages */
.st-blog-page,.st-article-page{background:#f6f1e4;color:#20263b;padding-bottom:80px}.st-blog-hero{padding:88px 0 72px;background:radial-gradient(circle at 84% 20%,rgba(216,155,43,.18),transparent 28%),#202a49;color:#fff}.st-blog-hero .st-eyebrow{color:#f5ba4e}.st-blog-hero h1{font:600 clamp(40px,7vw,74px)/1 Fraunces,Georgia,serif;color:#fff;max-width:780px;margin:12px 0}.st-blog-hero p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.78);max-width:680px}.st-blog-hero form{display:flex;max-width:650px;margin-top:28px}.st-blog-hero input{flex:1;padding:15px 16px;border:0;background:#fff}.st-blog-hero button{padding:0 22px;border:0;background:#ef552f;color:#fff;font-weight:800}.st-blog-category-bar{display:flex;gap:8px;flex-wrap:wrap;padding:26px 0}.st-blog-category-bar a{padding:9px 13px;border:1px solid rgba(32,38,59,.14);background:#fff;color:#20263b;text-decoration:none;font-size:12px;font-weight:700}.st-blog-category-bar a.active,.st-blog-category-bar a:hover{background:#202a49;color:#fff}.st-blog-category-bar span{opacity:.65}.st-blog-featured{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:68px}.st-blog-featured-main{position:relative;min-height:440px;overflow:hidden}.st-blog-featured-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.st-blog-featured-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,44,.96),rgba(17,24,44,.28))}.st-blog-featured-main>div{position:relative;z-index:1;width:min(570px,80%);padding:62px 44px;color:#fff}.st-blog-featured-main span,.st-blog-meta span:first-child{font:700 10px/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#ef552f}.st-blog-featured-main h2{font:600 clamp(32px,5vw,54px)/1.06 Fraunces,Georgia,serif;margin:14px 0}.st-blog-featured-main h2 a{color:#fff}.st-blog-featured-main p{color:rgba(255,255,255,.78);line-height:1.6}.st-blog-read{color:#ef552f;font-weight:800;text-decoration:underline;text-underline-offset:4px}.st-blog-featured-side{display:grid;gap:18px}.st-blog-featured-side article{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;padding:12px}.st-blog-featured-side img{width:150px;height:150px;object-fit:cover}.st-blog-featured-side small{color:#707685}.st-blog-featured-side h3{font-size:20px;line-height:1.22;margin-top:8px}.st-blog-results-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:38px 0 24px}.st-blog-results-head h2{font:600 clamp(30px,4vw,46px)/1.1 Fraunces,Georgia,serif;margin:8px 0 0}.st-blog-results-head>p{color:#707685}.st-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.st-blog-card{background:#fff;border:1px solid rgba(32,38,59,.13);min-width:0;transition:transform .2s ease,box-shadow .2s ease}.st-blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(32,38,59,.12)}.st-blog-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9e1d0}.st-blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.st-blog-card:hover .st-blog-card-image img{transform:scale(1.035)}.st-blog-card-body{padding:20px}.st-blog-meta{display:flex;justify-content:space-between;gap:10px;color:#7a7f8d;font-size:10px}.st-blog-card h3{font:600 24px/1.15 Fraunces,Georgia,serif;margin:12px 0}.st-blog-card h3 a{color:#202a49}.st-blog-card p{color:#656b79;line-height:1.62}.st-blog-empty{grid-column:1/-1;padding:50px;text-align:center;background:#fff}.st-blog-pagination{display:flex;justify-content:center;gap:7px;margin-top:36px}.st-blog-pagination a{display:grid;place-items:center;width:38px;height:38px;background:#fff;color:#202a49;border:1px solid rgba(32,38,59,.14)}.st-blog-pagination a.active{background:#202a49;color:#fff}
.st-article-breadcrumb{display:flex;gap:9px;align-items:center;padding:26px 0;color:#747a88;font-size:12px}.st-article-header{text-align:center;max-width:920px;margin:42px auto 38px}.st-article-header h1{font:600 clamp(42px,7vw,78px)/1 Fraunces,Georgia,serif;margin:12px 0;color:#202a49}.st-article-header>p{font-size:18px;color:#626979;line-height:1.65;max-width:760px;margin:0 auto}.st-article-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px;color:#737988;font-size:12px}.st-article-cover{margin:0;aspect-ratio:16/7;overflow:hidden;background:#e8e0cf}.st-article-cover img{width:100%;height:100%;object-fit:cover}.st-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px;max-width:1120px;margin:50px auto}.st-article-content{font-size:16px;line-height:1.78;color:#454d60}.st-article-content h2{font:600 34px/1.12 Fraunces,Georgia,serif;color:#202a49;margin:42px 0 14px}.st-article-content h3{font:600 23px/1.2 Fraunces,Georgia,serif}.st-article-content p{margin:0 0 20px}.st-article-content li{margin-bottom:10px}.st-article-intro{padding:22px 24px;background:#fff;border-left:5px solid #ef552f;margin-bottom:28px}.st-article-intro strong{font:700 11px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#ef552f;text-transform:uppercase}.st-article-checklist{list-style:none;padding:0}.st-article-checklist li{position:relative;padding-left:28px}.st-article-checklist li:before{content:"✓";position:absolute;left:0;color:#2c7566;font-weight:900}.st-article-callout{padding:24px;background:#202a49;color:#fff;margin:34px 0}.st-article-callout h3{color:#fff}.st-article-callout p{color:rgba(255,255,255,.76);margin:8px 0 0}.st-article-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.st-article-quality-grid>div{background:#fff;border:1px solid rgba(32,38,59,.13);padding:18px}.st-article-quality-grid strong{color:#202a49}.st-article-quality-grid p{font-size:13px;margin:7px 0 0}.st-article-faq details{background:#fff;border:1px solid rgba(32,38,59,.13);margin-bottom:9px;padding:15px}.st-article-faq summary{cursor:pointer;font-weight:800;color:#202a49}.st-article-faq p{margin:12px 0 0}.st-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:#efe6d2;margin-top:40px}.st-article-cta h2{margin:5px 0}.st-article-cta a{flex:0 0 auto;padding:13px 18px;background:#ef552f;color:#fff;font-weight:800}.st-article-sidebar{display:flex;flex-direction:column;gap:14px}.st-article-sidebar>div{background:#fff;border:1px solid rgba(32,38,59,.13);padding:18px}.st-article-sidebar h3{font:600 20px/1.2 Fraunces,Georgia,serif;color:#202a49}.st-article-sidebar>div>a{display:block;padding:7px 0;color:#596174}.st-article-tags{display:flex;gap:6px;flex-wrap:wrap}.st-article-tags a{padding:6px 8px;background:#f1ecdf;color:#202a49;font-size:10px}.st-related-posts{margin-top:80px}.st-related-posts>h2{font:600 42px/1.1 Fraunces,Georgia,serif;margin:8px 0 22px}

/* Permanent white text on every dark editorial hero/CTA */
.st-service-hero,.service-hero,.policy-hero,.about-hero,.blog-hero,.dark-cta,.embroidery-cta,.vector-hero,.about-hero-banner,[class*="dark-banner"],[class*="service-banner"]{color:#fff!important}.st-service-hero h1,.st-service-hero h2,.st-service-hero h3,.st-service-hero p,.service-hero h1,.service-hero h2,.service-hero h3,.service-hero p,.policy-hero h1,.policy-hero h2,.policy-hero p,.about-hero h1,.about-hero h2,.about-hero p,.blog-hero h1,.blog-hero h2,.blog-hero p,.dark-cta h1,.dark-cta h2,.dark-cta h3,.dark-cta p,.embroidery-cta h1,.embroidery-cta h2,.embroidery-cta h3,.embroidery-cta p,.vector-hero h1,.vector-hero h2,.vector-hero h3,.vector-hero p,.about-hero-banner h1,.about-hero-banner h2,.about-hero-banner p{color:#fff!important;opacity:1!important}

@media(max-width:900px){.st-qv-dialog{grid-template-columns:1fr;max-width:620px}.st-qv-media{padding:16px}.st-qv-main{aspect-ratio:4/3}.st-qv-info{padding:24px 20px}.st-blog-featured{grid-template-columns:1fr}.st-blog-featured-side{grid-template-columns:1fr 1fr}.st-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-article-layout{grid-template-columns:1fr}.st-article-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}.st-article-quality-grid{grid-template-columns:1fr}}
@media(max-width:640px){.st-account-login span,.st-user-name{display:none}.st-account-login,.st-user-menu>summary{width:40px;height:40px;justify-content:center;padding:0;border-radius:50%}.st-qv{padding:6px;place-items:end center}.st-qv-dialog{width:100%;max-height:94vh;grid-template-columns:1fr}.st-qv-media{padding:12px}.st-qv-main{aspect-ratio:16/10}.st-qv-thumbs{display:none}.st-qv-info{padding:19px 14px 20px}.st-qv-info h2{font-size:27px;margin-right:38px}.st-qv-description{font-size:13px;line-height:1.5}.st-qv-cart{grid-template-columns:1fr 1fr}.st-qv-cart>label{grid-column:1/-1}.st-qv-add{height:44px}.st-blog-hero{padding:62px 0 48px}.st-blog-hero h1{font-size:43px}.st-blog-hero form{display:grid;grid-template-columns:1fr}.st-blog-hero button{padding:13px}.st-blog-featured-main{min-height:440px}.st-blog-featured-main>div{width:100%;padding:42px 20px}.st-blog-featured-side{grid-template-columns:1fr}.st-blog-featured-side article{grid-template-columns:100px 1fr}.st-blog-featured-side img{width:100px;height:100px}.st-blog-results-head{align-items:flex-start;flex-direction:column}.st-blog-grid{grid-template-columns:1fr}.st-article-header{text-align:left;margin:24px 0}.st-article-header h1{font-size:43px}.st-article-meta{justify-content:flex-start;gap:10px}.st-article-cover{aspect-ratio:4/3}.st-article-layout{margin-top:28px;gap:28px}.st-article-content{font-size:15px}.st-article-content h2{font-size:29px}.st-article-sidebar{grid-template-columns:1fr}.st-article-cta{align-items:flex-start;flex-direction:column}.st-article-quality-grid{grid-template-columns:1fr}}


/* Secure commerce and quick-view final pass */
.st-qv[hidden]{display:none!important}
.st-qv{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}
.st-qv-backdrop{position:absolute;inset:0;border:0;background:rgba(18,28,52,.72);backdrop-filter:blur(3px)}
.st-qv-dialog{position:relative;z-index:1;width:min(940px,100%);max-height:min(760px,92vh);overflow:auto;background:#fff;border:1px solid rgba(32,44,73,.16);border-radius:6px;box-shadow:0 30px 80px rgba(20,29,53,.3);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);transform:translateY(12px);opacity:0;transition:.2s ease}
.st-qv.is-open .st-qv-dialog{transform:none;opacity:1}
.st-qv-close{position:absolute;right:12px;top:10px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:var(--navy,#202c4a);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.st-qv-media{padding:24px;background:var(--canvas-deep,#efe7d2)}
.st-qv-main{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;overflow:hidden}
.st-qv-main img{width:100%;height:100%;object-fit:contain}
.st-qv-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}
.st-qv-thumbs button{width:58px;height:58px;padding:2px;border:1px solid rgba(32,44,73,.2);background:#fff;flex:0 0 auto}
.st-qv-thumbs button.is-active{border-color:var(--coral,#ed542d)}
.st-qv-thumbs img{width:100%;height:100%;object-fit:cover}
.st-qv-info{padding:44px 30px 30px;min-width:0}
.st-qv-info h2{font-size:clamp(27px,3.2vw,42px);line-height:1.08;margin:8px 42px 10px 0;color:var(--navy,#202c4a)}
.st-qv-kicker{font:600 11px/1.2 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--coral,#ed542d)}
.st-qv-stars{display:flex;gap:3px;margin:8px 0}.st-qv-stars span{color:#d8d8d8}.st-qv-stars .is-filled{color:#d69a32}
.st-qv-price-row{display:flex;align-items:center;gap:10px;margin:14px 0}.st-qv-price-row strong{font-size:28px;color:var(--coral,#ed542d)}
.st-qv-description{line-height:1.7;color:#596174}.st-qv-by{color:#687084}
.st-qv-error{padding:10px;background:#fff4f1;border:1px solid #ffd1c5;color:#a92e15;margin:12px 0}
.st-qv-cart{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(32,44,73,.12)}
.st-qv-cart>label{width:100%;font-weight:700}.st-qty-control{display:grid;grid-template-columns:38px 54px 38px;height:44px}.st-qty-control button,.st-qty-control input{border:1px solid rgba(32,44,73,.2);background:#fff;text-align:center}.st-qty-control input{border-left:0;border-right:0;width:54px;appearance:textfield}.st-qty-control input::-webkit-inner-spin-button{display:none}
.st-qv-add{height:44px;padding:0 24px;border:0;background:var(--navy,#202c4a);color:#fff;font-weight:700}.st-qv-add:hover{background:var(--coral,#ed542d)}
.st-qv-details{display:inline-block;margin-top:18px;font-weight:700;color:var(--navy,#202c4a)}.st-qv-security{margin-top:18px;font-size:13px;color:#667085}
.st-modal-open{overflow:hidden}
.st-account-login,.st-account-trigger{white-space:nowrap}
@media(max-width:700px){
 .st-qv{padding:6px;align-items:end}.st-qv-dialog{grid-template-columns:1fr;max-height:94vh;border-radius:6px 6px 0 0}.st-qv-media{padding:14px;display:grid;grid-template-columns:112px 1fr;gap:10px}.st-qv-main{aspect-ratio:1/1}.st-qv-thumbs{margin:0;align-content:start}.st-qv-info{padding:18px 16px 22px}.st-qv-info h2{font-size:25px;margin-right:38px}.st-qv-description{font-size:14px}.st-qv-cart{gap:8px}.st-qv-add{flex:1;padding:0 12px}.st-qv-close{width:34px;height:34px;top:8px;right:8px}
}

/* Final blog hero contrast fix */
.st-blog-page .st-blog-hero,
.st-blog-page .st-blog-hero .container {
  color: #ffffff !important;
}
.st-blog-page .st-blog-hero h1,
.st-blog-page .st-blog-hero h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.18);
}
.st-blog-page .st-blog-hero p {
  color: rgba(255,255,255,.88) !important;
  -webkit-text-fill-color: rgba(255,255,255,.88) !important;
  opacity: 1 !important;
}

/* Reliable inline SVG social icons — no external icon-font dependency. */
.st-socials a{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  line-height:1!important;
  overflow:hidden!important;
}
.st-socials a svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  fill:currentColor!important;
  stroke:none!important;
  pointer-events:none!important;
}
@media (max-width:767px){
  .st-socials{gap:10px!important;}
  .st-socials a{flex-basis:38px!important;width:38px!important;height:38px!important;}
  .st-socials a svg{width:18px!important;height:18px!important;}
}


/* Stitchize requested home/shop improvements — v80 */
.st-hero-slider,.st-hero-copy-wrap{min-height:clamp(430px,38vw,560px)!important}
.st-fork-image-cards{position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px!important;align-items:start!important;max-width:930px!important;margin-inline:auto!important}.st-fork-image-cards .st-fork-mid{position:absolute!important;left:50%!important;top:50%!important;z-index:3!important;transform:translate(-50%,-50%)!important}
.st-home-choice-card{position:relative!important;display:block!important;border-radius:50%!important;overflow:hidden!important;aspect-ratio:1/1!important;background:#efe7d5!important;box-shadow:0 18px 45px rgba(32,44,73,.13)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.st-home-choice-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 55px rgba(32,44,73,.18)!important}
.st-home-choice-card>img,.st-home-choice-card>picture>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.st-home-choice-copy{position:absolute!important;left:13%!important;right:13%!important;bottom:8%!important;padding:10px 14px!important;text-align:center!important;border-radius:999px!important;background:rgba(255,252,244,.91)!important;backdrop-filter:blur(7px)!important;color:#202c4a!important;box-shadow:0 7px 20px rgba(32,44,73,.13)!important}
.st-home-choice-card.is-dark .st-home-choice-copy{background:rgba(32,44,73,.9)!important;color:#fff!important}
.st-home-choice-copy .st-hoop-kicker,.st-home-choice-copy p{display:none!important}
.st-home-choice-copy h3{font:600 clamp(15px,1.6vw,20px)/1.1 Fraunces,Georgia,serif!important;color:inherit!important;margin:0!important}
.st-home-choice-copy .st-hoop-go{display:block!important;color:inherit!important;font-size:9px!important;margin-top:4px!important}
.st-media-card{position:relative!important;display:block!important;overflow:hidden!important;background:#f3eee2!important}
.st-media-card .st-media-primary,.st-media-card .st-media-hover{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:opacity .25s ease,transform .45s ease!important}
.st-media-card .st-media-hover{position:absolute!important;inset:0!important;opacity:0!important}
.st-media-card.has-hover-media:hover .st-media-primary,.st-media-card.has-hover-media:focus .st-media-primary{opacity:0!important}
.st-media-card.has-hover-media:hover .st-media-hover,.st-media-card.has-hover-media:focus .st-media-hover{opacity:1!important;transform:scale(1.025)!important}
.st-delivery-label{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-top:7px!important;color:#596174!important;font-size:11px!important;font-weight:600!important}
.st-delivery-label:before{content:'↓';font-weight:900}.st-delivery-label.is-physical:before{content:'▣'}
.st-carousel-track{grid-auto-columns:calc((100% - 36px)/3)!important;gap:18px!important}
.st-footer-contact{display:grid!important;gap:7px!important;margin-top:14px!important}.st-footer-contact a,.st-footer-contact span{font-size:12px!important;color:inherit!important}
.st-footer-payment img{width:min(430px,100%)!important;height:auto!important;max-height:none!important}
.st-etsy-card{height:100%!important;display:flex!important;flex-direction:column!important;background:transparent!important}
.st-etsy-card .product-image{border-radius:7px!important;overflow:hidden!important;aspect-ratio:1/1!important;background:#eee7d8!important}
.st-etsy-card .product_desc{padding:10px 0 0!important;display:flex!important;flex-direction:column!important;flex:1!important}
.st-etsy-card .product_name{font-size:13px!important;line-height:1.35!important;font-weight:600!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.st-etsy-card .manufacturer{font-size:11px!important;margin:0 0 4px!important}.st-etsy-card .rating-box{transform:scale(.84);transform-origin:right center}
.st-etsy-card .price-box{margin-top:6px!important}.st-etsy-card .add-actions{margin-top:auto!important;padding-top:9px!important}.st-etsy-card .add-actions-link{display:flex!important;gap:7px!important}.st-etsy-card .add-actions-link a{min-height:34px!important;font-size:10px!important;padding:0 10px!important}
.st-product-option{margin:14px 0!important}.st-product-option label{display:block!important;font-weight:700!important;margin-bottom:7px!important}.st-product-option select{width:100%!important;max-width:360px!important;height:44px!important;border:1px solid rgba(32,44,73,.2)!important;background:#fff!important;padding:0 12px!important}
@media(max-width:900px){.st-carousel-track{grid-auto-columns:calc((100% - 16px)/2)!important;gap:16px!important}.st-hero-slider,.st-hero-copy-wrap{min-height:455px!important}}
@media(max-width:575px){.st-hero-slider,.st-hero-copy-wrap{min-height:390px!important}.st-fork-image-cards{gap:8px!important;padding-inline:2px!important}.st-home-choice-copy{left:8%!important;right:8%!important;bottom:5%!important;padding:7px 5px!important}.st-home-choice-copy h3{font-size:12px!important}.st-home-choice-copy .st-hoop-go{font-size:6.5px!important}.st-carousel-track{grid-auto-columns:78%!important;gap:12px!important}}
@media(max-width:420px){.st-hero-slider,.st-hero-copy-wrap{min-height:370px!important}}


/* Product image size boost — v81 */
.st-product-card .st-product-image{
  aspect-ratio:1 / 1.12 !important;
  padding:4px !important;
  background:#ece6d8 !important;
}
.st-product-card .st-product-image .st-media-primary,
.st-product-card .st-product-image .st-media-hover{
  object-fit:cover !important;
  object-position:center center !important;
}
.st-product-card .st-product-body{
  padding:11px 13px 14px !important;
}
.st-product-card .st-card-meta{
  margin-bottom:6px !important;
}
.st-product-card .st-product-body h3{
  min-height:40px !important;
  margin-bottom:8px !important;
}
.st-product-card .st-product-foot{
  margin-top:8px !important;
}
.st-product-card .st-add-link{
  padding-top:10px !important;
}

.st-shop-product-card .st-product-image{
  aspect-ratio:1 / 1.16 !important;
  padding:4px !important;
}
.st-shop-product-card .st-product-body{
  padding:12px 14px 14px !important;
}
.st-shop-product-card .st-shop-product-foot{
  margin-bottom:10px !important;
}

@media (max-width:575px){
  .st-product-card .st-product-image{
    aspect-ratio:1 / 1.06 !important;
    padding:3px !important;
  }
  .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.08 !important;
  }
}


/* Layout refinement set — v82 */
.st-footer-payment{justify-content:flex-end!important}
.st-footer-payment img{width:min(500px,100%)!important;height:auto!important;border-radius:10px!important;box-shadow:0 10px 24px rgba(11,18,35,.14)!important;background:#fff!important;padding:10px 12px!important}

/* Home slider: zoom out a little */
.st-hero-picture{background:linear-gradient(90deg,#21355c 0%,#6f93d9 100%)!important}
.st-hero-picture img{object-fit:contain!important;object-position:78% center!important;transform:scale(.94)!important}
.st-hero-slide.is-active .st-hero-picture img{transform:scale(.91)!important}
@media(max-width:991px){
  .st-hero-picture img{object-position:82% center!important;transform:scale(.97)!important}
  .st-hero-slide.is-active .st-hero-picture img{transform:scale(.95)!important}
}
@media(max-width:575px){
  .st-hero-picture img{object-position:88% center!important;transform:scale(1)!important}
  .st-hero-slide.is-active .st-hero-picture img{transform:scale(.98)!important}
}

/* Home circular choice cards */
.st-fork-image-cards{max-width:980px!important;gap:38px!important}
.st-home-choice-card{background:radial-gradient(circle at 50% 38%,#fffdf8 0%,#f5ead5 66%,#efe2c7 100%)!important;box-shadow:0 16px 40px rgba(32,44,73,.11)!important}
.st-home-choice-card::before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(32,44,73,.06)!important;pointer-events:none}
.st-home-choice-card>img,.st-home-choice-card>picture>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:11% 11% 16%!important;filter:drop-shadow(0 16px 25px rgba(32,44,73,.12)) saturate(1.04)!important}
.st-home-choice-copy{left:16%!important;right:16%!important;bottom:5%!important;padding:8px 12px!important;box-shadow:0 7px 18px rgba(32,44,73,.12)!important}
.st-home-choice-copy h3{font-size:clamp(13px,1.4vw,18px)!important;line-height:1.05!important}
.st-home-choice-copy .st-hoop-go{font-size:8.5px!important;letter-spacing:.04em!important;margin-top:3px!important}
@media(max-width:767px){
  .st-fork-image-cards{gap:16px!important}
  .st-home-choice-card>img,.st-home-choice-card>picture>img{padding:10% 10% 18%!important}
  .st-home-choice-copy{left:14%!important;right:14%!important;bottom:4%!important;padding:7px 9px!important}
  .st-home-choice-copy h3{font-size:12px!important}
  .st-home-choice-copy .st-hoop-go{font-size:7px!important}
}

/* Product cards */
.st-product-card .st-product-image{aspect-ratio:1/1.12!important}
.st-shop-grid-col{margin-bottom:20px!important}
@media(max-width:575px){
  .st-shop-grid-row{margin-left:-6px!important;margin-right:-6px!important}
  .st-shop-grid-col{padding-left:6px!important;padding-right:6px!important;margin-bottom:14px!important}
  .st-shop-product-card .st-product-image{aspect-ratio:1/1.02!important}
  .st-shop-product-card .st-product-body{padding:10px 10px 12px!important}
  .st-shop-product-card .st-card-meta{font-size:9px!important}
  .st-shop-product-card .st-delivery-type{font-size:10px!important}
  .st-shop-product-card .st-product-body h3{font-size:13px!important;min-height:34px!important}
  .st-shop-product-card .st-product-price{font-size:13px!important}
  .st-shop-product-card .st-product-rating{font-size:11px!important}
  .st-shop-actions{gap:8px!important}
  .st-shop-actions .st-add-link{font-size:10px!important}
}

/* Service overview blocks */
.st-service-overview-row{align-items:stretch!important}
.st-service-visual-card{height:100%!important;min-height:420px!important;padding:0!important;overflow:hidden!important;background:#f7f1e5!important;border:1px solid var(--line)!important;box-shadow:0 18px 40px rgba(32,44,73,.10)!important}
.st-service-visual-card img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}
.st-service-copy-card{padding:4px 0 0 18px!important}
.st-service-copy-card .li-section-title{margin-bottom:18px!important}
.st-service-copy-card .li-section-title h2{margin-bottom:0!important}
.st-service-highlights{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:22px!important;margin-bottom:22px!important}
.st-service-highlight{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:14px 16px!important;box-shadow:0 10px 24px rgba(32,44,73,.06)!important}
.st-service-highlight h6{margin:0 0 6px!important;font-size:13px!important;font-weight:700!important;color:#20263B!important}
.st-service-highlight p{margin:0!important;font-size:12px!important;line-height:1.65!important}
@media(max-width:991px){
  .st-service-copy-card{padding:16px 0 0!important}
  .st-service-visual-card{min-height:300px!important}
}
@media(max-width:575px){
  .st-service-highlights{grid-template-columns:1fr!important;gap:10px!important}
}

/* Desktop nav fit after adding Home + Patches */
@media(min-width:992px){
  .st-desktop-nav ul{gap:18px!important}
  .st-desktop-nav a{font-size:13px!important}
}


/* Targeted polish — v83 */
.st-footer-payment{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:18px!important;flex-wrap:wrap!important}
.st-footer-payment-cards{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important}
.st-footer-payment-cards img{width:102px!important;height:auto!important;display:block!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(11,18,35,.16)!important;background:#fff!important;padding:0!important}
@media(max-width:767px){.st-footer-payment{justify-content:center!important}.st-footer-payment-cards{justify-content:center!important}.st-footer-payment-cards img{width:88px!important}}

/* Round cards button/ribbon fix */
.st-home-choice-card>img,.st-home-choice-card>picture>img{padding:10% 10% 20%!important}
.st-home-choice-copy{left:19%!important;right:19%!important;bottom:3.2%!important;padding:6px 9px!important}
.st-home-choice-copy h3{font-size:clamp(11px,1.25vw,16px)!important;line-height:1.02!important}
.st-home-choice-copy .st-hoop-go{font-size:7.5px!important;letter-spacing:.03em!important;margin-top:2px!important}
@media(max-width:767px){.st-home-choice-card>img,.st-home-choice-card>picture>img{padding:10% 10% 18%!important}.st-home-choice-copy{left:14%!important;right:14%!important;bottom:3%!important;padding:7px 8px!important}.st-home-choice-copy h3{font-size:11px!important}.st-home-choice-copy .st-hoop-go{font-size:6.6px!important}}

/* Service pages divider between heading and body */
.st-service-copy-card .li-section-title{position:relative!important;padding-bottom:14px!important;margin-bottom:14px!important}
.st-service-copy-card .li-section-title::after{content:""!important;display:block!important;width:150px!important;max-width:40%!important;height:2px!important;background:#7690c6!important;border-radius:999px!important;margin-top:12px!important}

/* Service page image fit */
.st-service-visual-card{min-height:460px!important}
.st-service-visual-card img{object-fit:cover!important;object-position:center center!important}
@media(max-width:991px){.st-service-visual-card{min-height:330px!important}}

/* Larger desktop product images */
@media(min-width:992px){
  .st-product-card .st-product-image{aspect-ratio:1 / 1.24!important;padding:2px!important}
  .st-shop-product-card .st-product-image{aspect-ratio:1 / 1.30!important;padding:2px!important}
  .st-product-card .st-product-body{padding:10px 12px 14px!important}
  .st-shop-product-card .st-product-body{padding:11px 13px 14px!important}
}


/* Final home/shop sizing adjustments — v84 */
.st-footer-payment-cards{gap:10px!important}
.st-footer-payment-cards img{width:82px!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(11,18,35,.14)!important}

/* Keep only the full circular artwork on the two home choice cards */
.st-home-choice-copy{display:none!important}
.st-home-choice-card>img,.st-home-choice-card>picture>img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center!important;filter:none!important}

/* Slightly wider desktop shop cards/images without changing mobile layout */
@media(min-width:1200px){
  #shop-live-area>.container{max-width:1280px!important}
  #shop-live-area .st-shop-grid-row{margin-left:-8px!important;margin-right:-8px!important}
  #shop-live-area .st-shop-grid-col{padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:767px){
  .st-footer-payment-cards img{width:72px!important}
}


/* =========================================================
   Requested desktop spacing, larger product media and footer/pricing polish — v85
   ========================================================= */

/* Give desktop pages more usable width while retaining comfortable gutters. */
@media (min-width:1200px){
  :root{
    --content:1320px!important;
    --gutter:22px!important;
  }
  body .container{
    max-width:1320px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .st-hero-layout{
    max-width:1240px!important;
  }
}

/* Product-first desktop cards: more image area, tighter supporting copy/actions. */
@media (min-width:1200px){
  #shop-live-area>.container{
    max-width:1360px!important;
  }
  #shop-live-area>.container>.row>.col-lg-3{
    flex:0 0 19%!important;
    max-width:19%!important;
  }
  #shop-live-area>.container>.row>.col-lg-9{
    flex:0 0 81%!important;
    max-width:81%!important;
  }
  .st-product-grid{
    gap:18px!important;
  }
  .st-product-card .st-product-image,
  .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.28!important;
    padding:0!important;
  }
  .st-product-card .st-product-body,
  .st-shop-product-card .st-product-body{
    padding:8px 10px 10px!important;
  }
  .st-product-card .st-card-meta,
  .st-shop-product-card .st-card-meta{
    font-size:8px!important;
    line-height:1.25!important;
    margin-bottom:4px!important;
  }
  .st-product-card .st-delivery-type,
  .st-shop-product-card .st-delivery-type{
    font-size:9px!important;
    line-height:1.25!important;
    margin-bottom:5px!important;
    gap:4px!important;
  }
  .st-product-card .st-delivery-type i,
  .st-shop-product-card .st-delivery-type i{
    font-size:10px!important;
  }
  .st-product-card .st-product-body h3,
  .st-shop-product-card .st-product-body h3{
    font-size:12.5px!important;
    line-height:1.28!important;
    min-height:32px!important;
    margin:0 0 6px!important;
  }
  .st-product-card .st-product-foot,
  .st-shop-product-card .st-product-foot{
    margin-top:5px!important;
    margin-bottom:7px!important;
    gap:7px!important;
  }
  .st-product-card .st-product-price,
  .st-shop-product-card .st-product-price{
    font-size:12.5px!important;
  }
  .st-product-card .st-product-rating,
  .st-shop-product-card .st-product-rating{
    font-size:10px!important;
  }
  .st-product-card .st-old-price,
  .st-shop-product-card .st-old-price{
    font-size:10px!important;
  }
  .st-product-card .st-discount-chip,
  .st-shop-product-card .st-discount-chip{
    font-size:8px!important;
    padding:2px 4px!important;
  }
  .st-shop-actions{
    gap:7px!important;
    padding-top:0!important;
  }
  .st-shop-actions .st-add-link,
  .st-product-card .st-add-link{
    font-size:9.5px!important;
    line-height:1.2!important;
  }
  .st-quick-view-link{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    font-size:11px!important;
  }
}

/* Footer contact icon is inline SVG so it cannot disappear with icon-font issues. */
.st-footer-contact a,
.st-footer-contact span{
  align-items:center!important;
}
.st-footer-contact a{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  gap:7px!important;
}
.st-footer-contact .st-contact-icon{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  fill:currentColor!important;
  display:block!important;
}
.st-footer-intro .st-socials{
  margin-top:13px!important;
}

/* Pricing page: a useful supporting section so the page has similar visual depth to the rest of the site. */
.st-pricing-extra{
  padding:28px 0 62px;
}
.st-pricing-extra-head{
  max-width:720px;
  margin:0 auto 24px;
  text-align:center;
}
.st-pricing-extra-head h2{
  margin:7px 0 10px!important;
  font-size:31px!important;
  line-height:1.15!important;
}
.st-pricing-extra-head p{
  margin:0;
  font-size:14px;
  line-height:1.7;
}
.st-pricing-extra-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.st-pricing-extra-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:4px;
  padding:22px;
  min-height:190px;
}
.st-pricing-extra-num{
  display:inline-block;
  margin-bottom:14px;
  color:var(--coral);
  font:600 10px/1 var(--mono);
  letter-spacing:.08em;
}
.st-pricing-extra-card h3{
  margin:0 0 8px!important;
  font-family:var(--body)!important;
  font-size:16px!important;
  font-weight:750!important;
  color:var(--ink)!important;
}
.st-pricing-extra-card p{
  margin:0;
  font-size:13px;
  line-height:1.65;
}
.st-pricing-extra-cta{
  margin-top:18px;
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  background:var(--canvas-deep);
  border:1px solid var(--line);
  border-radius:4px;
}
.st-pricing-extra-cta>div{
  display:grid;
  gap:4px;
}
.st-pricing-extra-cta strong{
  font-size:15px;
  color:var(--ink);
}
.st-pricing-extra-cta span{
  font-size:12px;
  color:rgba(32,41,67,.68);
}
@media(max-width:767px){
  .st-pricing-extra{
    padding:18px 0 42px;
  }
  .st-pricing-extra-grid{
    grid-template-columns:1fr;
  }
  .st-pricing-extra-card{
    min-height:0;
  }
  .st-pricing-extra-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* =========================================================
   Shop desktop product image enlargement — v86
   ========================================================= */
@media (min-width:1200px){
  /* Use more of the desktop canvas on the shop only, while keeping 3 products per row. */
  #shop-live-area>.container{
    max-width:1500px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #shop-live-area>.container>.row>.col-lg-3{
    flex:0 0 17%!important;
    max-width:17%!important;
  }
  #shop-live-area>.container>.row>.col-lg-9{
    flex:0 0 83%!important;
    max-width:83%!important;
  }
  #shop-live-area .st-shop-grid-row{
    margin-left:-6px!important;
    margin-right:-6px!important;
  }
  #shop-live-area .st-shop-grid-col{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.36!important;
    padding:0!important;
  }
  #shop-live-area .st-shop-product-card .st-product-image img,
  #shop-live-area .st-shop-product-card .st-product-image video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* Product detail purchase controls alignment — Aug 2026 */
.single-product-area .single-add-to-cart{width:100%!important;clear:both!important}
.single-product-area .cart-quantity{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) 82px auto!important;
  align-items:end!important;
  justify-content:start!important;
  column-gap:14px!important;
  row-gap:10px!important;
  width:100%!important;
  float:none!important;
  overflow:visible!important;
}
.single-product-area .cart-quantity.no-product-option{grid-template-columns:82px auto!important}
.single-product-area .cart-quantity .st-product-option{margin:0!important;min-width:0!important}
.single-product-area .cart-quantity .st-product-option label,
.single-product-area .cart-quantity .quantity>label{display:block!important;margin:0 0 7px!important;line-height:20px!important;font-size:14px!important;font-weight:700!important;color:var(--ink)!important}
.single-product-area .cart-quantity .st-product-option select{width:100%!important;max-width:none!important;height:46px!important;margin:0!important}
.single-product-area .cart-quantity .quantity{margin:0!important;float:none!important;display:flex!important;flex-direction:column!important;gap:0!important;align-items:flex-start!important}
.single-product-area .cart-quantity .add-to-cart{height:46px!important;min-height:46px!important;margin:0!important;align-self:end!important;white-space:nowrap!important}
@media(max-width:767px){
  .single-product-area .cart-quantity{grid-template-columns:minmax(0,1fr) 82px!important;column-gap:12px!important;align-items:end!important}
  .single-product-area .cart-quantity.has-product-option .add-to-cart{grid-column:1 / -1!important;justify-self:start!important;min-width:132px!important;padding:0 18px!important}
  .single-product-area .cart-quantity.no-product-option{grid-template-columns:82px auto!important}
}
@media(max-width:380px){
  .single-product-area .cart-quantity{grid-template-columns:minmax(0,1fr) 78px!important;column-gap:10px!important}
  .single-product-area .cart-quantity.no-product-option{grid-template-columns:78px auto!important}
}

/* =========================================================
   Server/path + mobile footer polish — v86
   ========================================================= */
@media (max-width: 767px){
  .st-footer-payment{
    width:100%!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:14px!important;
  }
  .st-footer-payment>span{
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  .st-footer-payment-cards{
    width:100%!important;
    margin:0 auto!important;
    justify-content:center!important;
    align-items:center!important;
  }
}

/* =========================================================
   Etsy-style desktop catalogue proportions + wider page canvas — v87
   Requested Aug 2026
   ========================================================= */
@media (min-width:1200px){
  /* Reduce excessive left/right whitespace across public desktop pages. */
  :root{
    --content:1520px!important;
    --gutter:20px!important;
  }
  body .container{
    width:100%!important;
    max-width:1520px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }

  /* Keep structured hero content aligned with the wider page canvas. */
  .st-hero-layout{
    max-width:1440px!important;
  }

  /* Home marketplace: slightly smaller cards on desktop, while keeping
     the image visually dominant and the supporting information compact. */
  .st-home-main #shop .st-carousel-track{
    grid-auto-columns:calc((100% - 54px) / 4)!important;
    gap:18px!important;
  }
  .st-home-main #shop .st-product-card .st-product-image{
    aspect-ratio:1 / 1.20!important;
    padding:0!important;
  }
  .st-home-main #shop .st-product-card .st-product-body{
    padding:8px 9px 10px!important;
  }
  .st-home-main #shop .st-product-card .st-card-meta{
    font-size:8px!important;
    margin-bottom:3px!important;
  }
  .st-home-main #shop .st-product-card .st-delivery-label,
  .st-home-main #shop .st-product-card .st-delivery-type{
    font-size:8.5px!important;
    margin-top:4px!important;
    margin-bottom:4px!important;
  }
  .st-home-main #shop .st-product-card .st-product-body h3{
    font-size:12px!important;
    line-height:1.25!important;
    min-height:30px!important;
    margin:0 0 5px!important;
  }
  .st-home-main #shop .st-product-card .st-product-foot{
    margin-top:4px!important;
    margin-bottom:5px!important;
  }
  .st-home-main #shop .st-product-card .st-product-price{
    font-size:12px!important;
  }
  .st-home-main #shop .st-product-card .st-product-rating,
  .st-home-main #shop .st-product-card .st-add-link{
    font-size:9px!important;
  }

  /* Shop keeps its existing desktop card width, but follows Etsy's
     image-first proportion with a compact information block underneath. */
  #shop-live-area>.container{
    max-width:1520px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.25!important;
  }
  #shop-live-area .st-shop-product-card .st-product-body{
    padding:8px 10px 10px!important;
  }
}

/* On smaller desktops/laptops keep three home cards so they do not get cramped. */
@media (min-width:992px) and (max-width:1199.98px){
  body .container{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .st-home-main #shop .st-carousel-track{
    grid-auto-columns:calc((100% - 36px) / 3)!important;
    gap:18px!important;
  }
}

/* =========================================================
   Mobile shop card proportion fix — v89
   Larger product media + tighter white information area.
   Also reduces vertical gaps between detail rows.
   ========================================================= */
@media (max-width:575.98px){
  /* Use more of the narrow screen, Etsy-style, without changing the 2-column layout. */
  #shop-live-area>.container{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  #shop-live-area .st-shop-grid-row{
    margin-left:-4px!important;
    margin-right:-4px!important;
  }
  #shop-live-area .st-shop-grid-col{
    padding-left:4px!important;
    padding-right:4px!important;
    margin-bottom:12px!important;
  }

  /* Make the artwork the dominant part of each card. */
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.18!important;
    padding:0!important;
    background:#ece6d8!important;
  }
  #shop-live-area .st-shop-product-card .st-product-image img,
  #shop-live-area .st-shop-product-card .st-product-image video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Compact the white information block under the image. */
  #shop-live-area .st-shop-product-card .st-product-body,
  #shop-live-area .st-shop-product-card .st-shop-product-body{
    padding:7px 8px 8px!important;
  }
  #shop-live-area .st-shop-product-card .st-card-meta{
    font-size:7.5px!important;
    line-height:1.2!important;
    margin-bottom:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #shop-live-area .st-shop-product-card .st-delivery-type{
    font-size:8.5px!important;
    line-height:1.2!important;
    gap:4px!important;
    margin-bottom:4px!important;
  }
  #shop-live-area .st-shop-product-card .st-delivery-type i{
    font-size:9px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-body h3{
    font-size:11.5px!important;
    line-height:1.25!important;
    min-height:29px!important;
    margin:0 0 4px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  #shop-live-area .st-shop-product-card .st-product-foot,
  #shop-live-area .st-shop-product-card .st-shop-product-foot{
    margin-top:3px!important;
    margin-bottom:5px!important;
    gap:5px!important;
    align-items:center!important;
  }
  #shop-live-area .st-shop-product-card .st-price-stack{
    gap:4px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-price{
    font-size:11.5px!important;
  }
  #shop-live-area .st-shop-product-card .st-old-price{
    font-size:9px!important;
  }
  #shop-live-area .st-shop-product-card .st-discount-chip{
    font-size:7px!important;
    padding:2px 3px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-rating{
    font-size:9px!important;
  }
  #shop-live-area .st-shop-actions{
    gap:6px!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  #shop-live-area .st-shop-actions .st-add-link{
    font-size:8.5px!important;
    line-height:1.15!important;
    padding-top:0!important;
  }
  #shop-live-area .st-quick-view-link{
    width:29px!important;
    height:29px!important;
    flex:0 0 29px!important;
    font-size:10px!important;
  }
  #shop-live-area .st-product-badge{
    top:7px!important;
    left:7px!important;
    padding:4px 6px!important;
    font-size:8px!important;
  }
}


/* =========================================================
   Mobile shop detail spacing refinement — v89
   Remove excess vertical gaps inside shop product cards.
   ========================================================= */
@media (max-width:575.98px){
  #shop-live-area .st-shop-product-card .st-product-body,
  #shop-live-area .st-shop-product-card .st-shop-product-body{
    padding:6px 8px 7px!important;
  }
  #shop-live-area .st-shop-product-card .st-card-meta{
    margin-bottom:2px!important;
  }
  #shop-live-area .st-shop-product-card .st-delivery-type{
    margin-bottom:2px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-body h3{
    min-height:0!important;
    margin:0 0 2px!important;
  }
  #shop-live-area .st-shop-product-card .st-product-foot,
  #shop-live-area .st-shop-product-card .st-shop-product-foot{
    margin-top:1px!important;
    margin-bottom:3px!important;
    gap:4px!important;
  }
  #shop-live-area .st-shop-product-card .st-price-stack{
    gap:3px!important;
  }
  #shop-live-area .st-shop-actions{
    gap:5px!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  #shop-live-area .st-shop-actions .st-add-link{
    line-height:1.05!important;
  }
}


/* =========================================================
   Home page product card spacing refinement — v90
   Reduce vertical gaps between details like on shop cards.
   ========================================================= */
@media (min-width:1200px){
  .st-home-main #shop .st-product-card .st-product-body{
    padding:7px 8px 8px!important;
  }
  .st-home-main #shop .st-product-card .st-card-meta{
    margin-bottom:2px!important;
  }
  .st-home-main #shop .st-product-card .st-delivery-label,
  .st-home-main #shop .st-product-card .st-delivery-type{
    margin-top:2px!important;
    margin-bottom:2px!important;
    line-height:1.2!important;
  }
  .st-home-main #shop .st-product-card .st-product-body h3{
    min-height:0!important;
    margin:0 0 3px!important;
  }
  .st-home-main #shop .st-product-card .st-product-foot{
    margin-top:2px!important;
    margin-bottom:4px!important;
    gap:5px!important;
  }
  .st-home-main #shop .st-product-card .st-add-link{
    padding-top:0!important;
    line-height:1.1!important;
  }
}

@media (max-width:575.98px){
  .st-home-main #shop .st-product-card .st-product-body{
    padding:6px 8px 7px!important;
  }
  .st-home-main #shop .st-product-card .st-card-meta{
    font-size:7.5px!important;
    line-height:1.2!important;
    margin-bottom:2px!important;
  }
  .st-home-main #shop .st-product-card .st-delivery-label,
  .st-home-main #shop .st-product-card .st-delivery-type{
    font-size:8.5px!important;
    line-height:1.2!important;
    margin-top:1px!important;
    margin-bottom:2px!important;
  }
  .st-home-main #shop .st-product-card .st-product-body h3{
    font-size:11.5px!important;
    line-height:1.25!important;
    min-height:0!important;
    margin:0 0 2px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .st-home-main #shop .st-product-card .st-product-foot{
    margin-top:1px!important;
    margin-bottom:3px!important;
    gap:4px!important;
  }
  .st-home-main #shop .st-product-card .st-product-price{
    font-size:11.5px!important;
  }
  .st-home-main #shop .st-product-card .st-product-rating{
    font-size:9px!important;
  }
  .st-home-main #shop .st-product-card .st-add-link{
    display:inline-block!important;
    padding-top:0!important;
    font-size:8.5px!important;
    line-height:1.05!important;
  }
}


/* =========================================================
   Shop desktop product detail spacing refinement — v91
   Match the compact home-card detail rhythm on desktop.
   ========================================================= */
@media (min-width:992px){
  #shop-live-area .st-shop-product-card{
    height:auto!important;
  }
  #shop-live-area .st-shop-product-card .st-product-body,
  #shop-live-area .st-shop-product-card .st-shop-product-body{
    padding:7px 9px 8px!important;
  }
  #shop-live-area .st-shop-product-card .st-card-meta{
    margin-bottom:2px!important;
    line-height:1.15!important;
  }
  #shop-live-area .st-shop-product-card .st-delivery-type{
    margin-top:1px!important;
    margin-bottom:2px!important;
    line-height:1.15!important;
  }
  #shop-live-area .st-shop-product-card .st-product-body h3,
  #shop-live-area .st-shop-product-card .st-shop-product-body h3{
    min-height:0!important;
    margin:0 0 3px!important;
    line-height:1.2!important;
  }
  #shop-live-area .st-shop-product-card .st-product-foot,
  #shop-live-area .st-shop-product-card .st-shop-product-foot{
    margin-top:2px!important;
    margin-bottom:4px!important;
    gap:5px!important;
    align-items:center!important;
  }
  #shop-live-area .st-shop-product-card .st-price-stack{
    gap:4px!important;
  }
  #shop-live-area .st-shop-actions{
    margin-top:0!important;
    padding-top:0!important;
    gap:6px!important;
  }
  #shop-live-area .st-shop-actions .st-add-link{
    padding-top:0!important;
    line-height:1.05!important;
  }
}


/* =========================================================
   Home patches strip height refinement — v92
   Reduce the visual height of the custom patches section.
   ========================================================= */
@media (min-width:1200px){
  .st-patches-strip{
    padding:36px 42px!important;
    gap:32px!important;
  }
  .st-patches-strip h2{
    font-size:29px!important;
    margin:10px 0 12px!important;
  }
  .st-patches-strip p{
    max-width:430px!important;
    margin-bottom:18px!important;
  }
  .st-work-gallery{
    gap:12px!important;
  }
  .st-work-gallery a{
    aspect-ratio:1 / 0.86!important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .st-patches-strip{
    padding:34px 36px!important;
    gap:28px!important;
  }
  .st-patches-strip h2{
    font-size:28px!important;
    margin:10px 0 12px!important;
  }
  .st-patches-strip p{
    margin-bottom:18px!important;
  }
  .st-work-gallery a{
    aspect-ratio:1 / 0.9!important;
  }
}


/* =========================================================
   Floating WhatsApp contact button — v94
   Public pages only (markup is injected through public footer).
   ========================================================= */
.st-whatsapp-float{
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:9998;
  width:60px;
  height:60px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff!important;
  text-decoration:none!important;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 9px 24px rgba(0,0,0,.24);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.st-whatsapp-float svg{
  width:32px;
  height:32px;
  display:block;
}
.st-whatsapp-float:hover,
.st-whatsapp-float:focus{
  color:#fff!important;
  background:#1fbd59;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  outline:none;
}
.st-whatsapp-float:focus-visible{
  outline:3px solid rgba(37,211,102,.28);
  outline-offset:3px;
}
@media (max-width:575.98px){
  .st-whatsapp-float{
    right:16px;
    bottom:16px;
    width:54px;
    height:54px;
  }
  .st-whatsapp-float svg{
    width:29px;
    height:29px;
  }
}


/* =========================================================
   WhatsApp icon centering refinement — v96
   Use the bundled Font Awesome WhatsApp glyph for exact visual centering.
   ========================================================= */
.st-whatsapp-float i.fa-whatsapp{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:34px!important;
  line-height:1!important;
  color:#fff!important;
  transform:none!important;
}
@media (max-width:575.98px){
  .st-whatsapp-float i.fa-whatsapp{
    font-size:31px!important;
  }
}


/* =========================================================
   Shop product image height refinement — v97
   Slightly shorter desktop catalogue images only.
   Mobile/responsive sizing remains unchanged.
   ========================================================= */
@media (min-width:1200px){
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.18!important;
  }
}
@media (min-width:992px) and (max-width:1199.98px){
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.20!important;
  }
}

/* =========================================================
   Shop product image height refinement — v98
   A little shorter than v97 on desktop/laptop only.
   ========================================================= */
@media (min-width:1200px){
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.14!important;
  }
}
@media (min-width:992px) and (max-width:1199.98px){
  #shop-live-area .st-shop-product-card .st-product-image{
    aspect-ratio:1 / 1.16!important;
  }
}


/* =========================================================
   Shop mobile side margin refinement — v99
   Add a subtle left/right breathing space without changing
   the two-column product layout.
   ========================================================= */
@media (max-width:575.98px){
  #shop-live-area>.container{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #shop-live-area .st-shop-grid-row{
    margin-left:-4px!important;
    margin-right:-4px!important;
  }
}


/* =========================================================
   Home choice cards — reliable square media fix v101
   Keep the card square and let the image fill it naturally.
   No absolute-positioned <picture> wrapper is required.
   ========================================================= */
.st-home-choice-card{
  position:relative!important;
  min-width:0!important;
  aspect-ratio:1 / 1!important;
  overflow:hidden!important;
}
.st-home-choice-card>picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
}
.st-home-choice-card>img,
.st-home-choice-card>picture>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
}
@media(max-width:767.98px){
  .st-fork-image-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
  }
  .st-home-choice-card{
    width:100%!important;
  }
}