/* PUCKUPS / Metallic Logo Brand System · Draft V1
   PUCK = cool silver; UPS = vivid industrial orange.
   Existing genuine leather, hero photograph, product photography, payment
   branding, site structure and commerce functionality are deliberately retained. */
:root{
  --pu-silver:#dfe2e5;
  --pu-text:#fff;
  --pu-muted:#b0b3b8;
  --pu-surface:#121212;
  --pu-card:#1f1f1f;
  --pu-card-border:#303030;
  --pu-line:#383838;
  --pu-orange:#ff6600;
  --pu-button:#ff5500;
  --pu-chrome-light:#f6f7f8;
  --pu-chrome-mid:#b0b3b8;
}
body{color:var(--pu-text);}
body p, body .section .sub, body .feature2 p, body .contact2 p{
  color:var(--pu-muted);
}
body .section h2,
body .feature2 h2,
body .contact2 h2,
body .pu-custom h1,body .pu-custom h2,
body .pu-commerce h1,body .pu-policy-page h1,
body .pu-pack-page h1,body .pu-pack-page h2,
body .pu-pack-page .pu-aplus h2{
  font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  color:#f4f5f6;
  background-image:linear-gradient(175deg,#fff 0%,#e1e3e5 38%,#aeb3b8 76%,#f0f1f2 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
body .orange,body .section h2 .orange,body .feature2 h2 .orange,
body .contact2 h2 .orange,body .pu-custom h1 span,
body .pu-custom .pu-custom-kicker,body .pu-pack-page h1 em,
body .pu-pack-page .pu-aplus-intro h2 em{
  background:none!important;
  color:var(--pu-orange)!important;
  -webkit-text-fill-color:var(--pu-orange)!important;
}
body .pu-wordmark{white-space:nowrap;}
body .pu-wordmark .pu-brand-silver,
body .hero2 .hero-brand .pu-brand-silver{
  background:linear-gradient(178deg,#fff 8%,#d1d4d8 55%,#f2f3f4 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:var(--pu-silver)!important;
}
body .brand-up,body .pu-wordmark .brand-up,
body .hero2 .hero-brand .brand-up{
  background:none!important;
  color:var(--pu-orange)!important;
  -webkit-text-fill-color:var(--pu-orange)!important;
}
body.home .hero2 .eyebrow,body .pu-commerce-eyebrow,
body .pu-policy-kicker,body .pu-contact-eyebrow,
body .pu-pack-page .pu-eyebrow,
body .pu-pack-page .pu-aplus-intro>span{
  color:var(--pu-orange)!important;
  -webkit-text-fill-color:var(--pu-orange)!important;
}
/* Matte-black cards, with chrome edge definition and a controlled orange focus. */
body #shop .pack,body #shop .pack:not(.pu-amazon-pack),
body #shop .pu-amazon-pack,body .pu-custom-grid figure,
body .pu-custom-home-gallery figure,body .pu-pack-page .pu-detail-card,
body .pu-pack-page .pu-aplus-story{
  background:#1f1f1f!important;
  border:1px solid var(--pu-card-border)!important;
  border-radius:3px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.32)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
body #shop .pack:hover,body #shop .pack:focus-within,
body .pu-custom-grid figure:hover,body .pu-custom-home-gallery figure:hover{
  border-color:var(--pu-orange)!important;
  box-shadow:0 0 0 1px rgba(255,102,0,.18),0 10px 28px rgba(0,0,0,.42)!important;
}
body #shop .pack h3{
  color:#f4f5f7;
  font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
body #shop .pack:not(.pu-amazon-pack) > a:first-child{
  position:relative;
  display:block;
  isolation:isolate;
}
body #shop .pu-pack-badge{
  position:absolute;
  left:11px;top:11px;z-index:3;
  display:inline-flex;
  align-items:center;justify-content:center;
  width:auto;
  padding:4px 9px;
  border:1px solid rgba(255,176,110,.48);
  border-radius:999px;
  background:var(--pu-orange);
  color:#17120f!important;
  -webkit-text-fill-color:#17120f!important;
  font:900 10px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.07em;
  white-space:nowrap;
  box-shadow:0 2px 7px rgba(0,0,0,.38);
  pointer-events:none;
}
/* Orange controls with dark lettering. Branded Amazon/third-party pay buttons excluded. */
body .btn:not(.pu-amazon-pack-cta),
body .pu-pack-page .pu-cta,
body .pu-pack-page .pu-buy-form .pu-cta,
body .pu-custom .pu-custom-actions .btn,
body .pu-commerce-steps a.current,
body .pu-commerce-steps a:hover{
  background:var(--pu-button)!important;
  background-image:none!important;
  color:#121212!important;
  -webkit-text-fill-color:#121212!important;
  border:1px solid #f96718!important;
  border-radius:2px!important;
  text-shadow:none!important;
  font-weight:900!important;
  text-transform:uppercase;
  box-shadow:0 2px 0 rgba(109,36,3,.40)!important;
  text-decoration:none!important;
}
body .btn:not(.pu-amazon-pack-cta):hover,
body .btn:not(.pu-amazon-pack-cta):focus-visible,
body .pu-pack-page .pu-cta:hover,
body .pu-pack-page .pu-cta:focus-visible{
  background:#ff690e!important;
  box-shadow:0 0 12px rgba(255,85,0,.40),0 2px 0 rgba(109,36,3,.35)!important;
  filter:none!important;
}
body .pu-custom-outline,body .pu-contact-secondary,
body .pu-pack-page .pu-back,body .pu-pack-page .pu-picks a,
body .pu-commerce-steps a,body header .menu{
  background:#1a1a1a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #444!important;
  border-radius:2px!important;
  text-shadow:none!important;
  font-weight:800;
  text-decoration:none;
}
body .pu-custom-outline:hover,body .pu-contact-secondary:hover,
body .pu-pack-page .pu-back:hover,body .pu-pack-page .pu-picks a:hover,
body .pu-pack-page .pu-picks a.pu-current,
body header .menu:hover{
  border-color:var(--pu-orange)!important;
  color:var(--pu-orange)!important;
  -webkit-text-fill-color:var(--pu-orange)!important;
  box-shadow:0 0 10px rgba(255,102,0,.12)!important;
}
body .pu-pack-page{
  background:linear-gradient(135deg,#1a1a1a,#101010 62%,#161616)!important;
  color:#fff!important;
}
body .pu-pack-page .pu-bar{
  background:linear-gradient(180deg,#212121 0%,#121212 86%)!important;
  border-bottom:1px solid #444!important;
}
body .pu-pack-page .pu-pack-nav a:hover{color:var(--pu-orange)!important;}
body .pu-pack-page .pu-save,body .pu-pack-page .pu-detail-card h3,
body .pu-pack-page .pu-picks a.pu-current{color:var(--pu-orange)!important;}
body .pu-pack-page p,body .pu-pack-page .pu-aplus-intro p,
body .pu-pack-page .pu-note,body .pu-pack-page .pu-payments{
  color:var(--pu-muted)!important;
}
body .pu-pack-page .pu-detail-card,body .pu-pack-page .pu-aplus-story{
  background:#1d1d1d!important;
  border-color:#303030!important;
}
body .pu-pack-page .pu-aplus,
body .pu-pack-page .pu-action,body .pu-pack-page .pu-details{
  border-color:#383838!important;
}
/* Custom orders, store policy pages, cart/checkout, account screens. */
body .pu-custom,body .pu-custom-examples,body .pu-custom-inquire,
body .pu-normal-page,body .pu-policy-page,body .pu-commerce{
  background-color:var(--pu-surface)!important;
  background-image:linear-gradient(140deg,#181818,#111 68%,#181818)!important;
  color:#fff!important;
}
body .pu-custom-hero,body .pu-custom-inquire,
body .pu-commerce-head,body .pu-commerce .pu-commerce-head,
body .pu-contact-panel{
  background:linear-gradient(135deg,#202020,#121212 76%)!important;
  border-color:#383838!important;
}
body.home .contact2 .pu-contact-panel{
  background:linear-gradient(135deg,rgba(30,30,30,.91),rgba(12,12,12,.95))!important;
  border-top:2px solid var(--pu-orange)!important;
}
body .pu-custom p,body .pu-commerce-head p,body .pu-policy-page .pu-standard-content,
body .pu-custom-intro>p{color:var(--pu-muted);}
body .pu-custom .pu-custom-uses span{
  background:#202020!important;
  border-top:2px solid var(--pu-orange)!important;
}
body .pu-policy-page .pu-standard-content{
  background:#1b1b1b!important;
  border:1px solid #333!important;
  border-radius:3px!important;
  color:var(--pu-muted)!important;
}
body .pu-policy-page .pu-standard-content h2{color:#f5f5f5;}
body .pu-policy-page .pu-standard-content a,
body .pu-commerce a:not(.button):not(.wc-block-components-button){
  color:var(--pu-orange);
}
body .pu-commerce .pu-commerce-head{
  border-bottom:1px solid #383838!important;
}
body .pu-commerce .woocommerce table.shop_table,
body .pu-commerce .woocommerce .cart-collaterals .cart_totals,
body .pu-commerce .woocommerce-checkout-review-order,
body .pu-commerce .woocommerce form.checkout,
body .pu-commerce .woocommerce form.login,
body .pu-commerce .woocommerce form.register,
body .pu-commerce .woocommerce #payment{
  background:#1f1f1f!important;
  border:1px solid #333!important;
  border-radius:4px!important;
  color:#fff;
}
body .pu-commerce .woocommerce table.shop_table th,
body .pu-commerce .woocommerce table.shop_table td{
  border-color:#383838!important;
}
body .pu-commerce .woocommerce #payment div.payment_box{
  background:#2b2b2b!important;color:#f3f3f3!important;
}
body .pu-commerce .woocommerce #payment div.payment_box:before{
  border-bottom-color:#2b2b2b!important;
}
body .woocommerce button.button:not(.wc-amazon-pay-button),
body .woocommerce a.button:not(.wc-amazon-pay-button),
body .woocommerce input.button,
body .woocommerce #payment #place_order,
body .woocommerce-page button.button:not(.wc-amazon-pay-button),
body .woocommerce-page a.button:not(.wc-amazon-pay-button),
body .wc-block-components-button:not(.is-link):not([class*="amazon"]):not([class*="paypal"]):not([class*="apple"]):not([class*="google"]){
  background:var(--pu-button)!important;
  background-image:none!important;
  color:#121212!important;
  border:1px solid #f96718!important;
  border-radius:2px!important;
  text-shadow:none!important;
  box-shadow:0 2px 0 rgba(109,36,3,.35)!important;
  font-weight:900!important;
}
body .woocommerce button.button:not(.wc-amazon-pay-button):hover,
body .woocommerce a.button:not(.wc-amazon-pay-button):hover,
body .woocommerce #payment #place_order:hover{
  background:#ff690e!important;
  box-shadow:0 0 12px rgba(255,85,0,.40)!important;
}
body .woocommerce div.product p.price,
body .woocommerce div.product span.price,
body .woocommerce .woocommerce-Price-amount{
  color:var(--pu-orange)!important;
}
body .pu-commerce .woocommerce .woocommerce-message,
body .pu-commerce .woocommerce .woocommerce-info{
  background:#292929!important;
  border-top-color:var(--pu-orange)!important;
}
/* Premium leather in the shared header/footer on ALL pages. */
body:not(.home) header,body:not(.home) .pu-policy-footer{
  background-color:#101010!important;
  background-image:linear-gradient(rgba(3,3,3,.50),rgba(3,3,3,.66)),url("../../pu-leather-grain-seamless-v2.jpg")!important;
  background-size:100% 100%,340px 340px!important;
  background-repeat:no-repeat,repeat!important;
}
body .pu-policy-footer{
  color:var(--pu-muted)!important;
  border-top:1px solid #444!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body .pu-policy-footer a{
  color:#d6d9dc!important;
  -webkit-text-fill-color:#d6d9dc!important;
}
body .pu-policy-footer a:hover,body .pu-policy-footer a:focus-visible,
body header nav a:hover,body header nav a:focus-visible{
  color:var(--pu-orange)!important;
  -webkit-text-fill-color:var(--pu-orange)!important;
}
body .pu-policy-footer .official-brand-logo{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));}
/* The Amazon purchase tile must retain Amazon's authentic white logo/button. */
body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn{
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border:2px solid var(--pu-orange)!important;
  border-radius:4px!important;
  box-shadow:0 3px 0 #963709!important;
}
body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn:hover{
  background:#fff4e9!important;
  box-shadow:0 0 10px rgba(255,102,0,.22)!important;
}
@media(max-width:800px){
  body #shop .pu-pack-badge{top:7px;left:7px;font-size:9px;padding:3px 7px;}
  body .pu-custom-grid figure,body .pu-pack-page .pu-detail-card{border-radius:2px!important;}
  body:not(.home) header,body:not(.home) .pu-policy-footer{background-size:100% 100%,122px 122px!important;}
}
/* Disabled checkout controls must stay visibly disabled, never orange. */
body .pu-pack-page .pu-cta[disabled],
body .pu-pack-page .pu-cta[aria-disabled="true"],
body .woocommerce button.button:disabled,
body .woocommerce button.button:disabled[disabled]{
  background:#505050!important;
  background-image:none!important;
  color:#d7d7d7!important;
  -webkit-text-fill-color:#d7d7d7!important;
  border-color:#666!important;
  box-shadow:none!important;
  cursor:not-allowed;
}
body .pu-commerce .woocommerce-MyAccount-navigation li a{
  background:#1a1a1a!important;
  border:1px solid #444!important;
  border-radius:2px!important;
  color:#f4f4f4!important;
}
body .pu-commerce .woocommerce-MyAccount-navigation li.is-active a,
body .pu-commerce .woocommerce-MyAccount-navigation li a:hover{
  border-color:var(--pu-orange)!important;
  color:var(--pu-orange)!important;
}
@media(prefers-reduced-motion:reduce){
  body #shop .pack,body .pu-custom-grid figure{transition:none!important;}
}

/* Draft polish: cohesive slanted headline accents, not italic body copy. */
body.home .hero2 .hero-copy h1,
body.home #shop h2,
body.home .pu-custom-home-section h2,
body.home .feature2 h2 {
  font-style:italic!important;
  letter-spacing:-.035em;
}
body.home .pu-custom-home-section {
  position:relative;
  max-width:1360px;
  margin:0 auto;
  padding:clamp(30px,5vw,65px) clamp(14px,4vw,55px);
  background:rgba(4,5,7,.08);
  border-top:1px solid rgba(168,171,177,.18);
}
body.home .pu-custom-home-inner {
  max-width:1060px;
  margin:0 auto;
  padding:clamp(24px,5vw,52px) clamp(15px,4vw,40px);
  background:linear-gradient(140deg,rgba(30,30,30,.94),rgba(13,13,13,.95))!important;
  border:1px solid #383838;
  border-top:3px solid var(--pu-orange);
  box-shadow:0 16px 38px rgba(0,0,0,.35);
}
body.home .pu-custom-home-intro {
  max-width:760px;
  margin:0 auto 30px;
  text-align:center;
}
body.home .pu-custom-home-kicker {
  margin:0 0 9px;
  font:800 13px/1.35 Arial,Helvetica,sans-serif;
  letter-spacing:.2em;
  color:var(--pu-orange)!important;
}
body.home .pu-custom-home-intro h2 {
  font:italic 900 clamp(29px,4.5vw,51px)/1.08 "Arial Narrow",Arial,Helvetica,sans-serif;
  color:#f2f3f5;
  margin:0 0 12px;
  text-transform:uppercase;
}
body.home .pu-custom-home-intro>p:not(.pu-custom-home-kicker) {
  color:#c7c9cc!important;
  font-size:clamp(14px,1.8vw,18px);
  line-height:1.55;
  max-width:630px;
  margin:0 auto 17px;
}
body.home .pu-custom-home-intro .pu-custom-home-cta.btn {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-width:min(280px,100%)!important;
  max-width:100%!important;
  min-height:47px;
  margin:5px auto 0!important;
  padding:13px 18px!important;
  font-size:clamp(11px,1.4vw,15px);
  letter-spacing:.035em;
  white-space:nowrap;
  line-height:1.25;
}
body.home .pu-custom-home-section .pu-custom-home-gallery {
  max-width:960px;
  margin:26px auto 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(8px,1.5vw,18px);
}
body.home .pu-custom-home-section .pu-custom-home-gallery figure {
  min-width:0;
  margin:0;
  padding:clamp(7px,1.2vw,12px);
  background:#1b1b1b!important;
  border:1px solid #343434!important;
  border-radius:3px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.30);
}
body.home .pu-custom-home-section .pu-custom-home-gallery figure:hover{
  border-color:var(--pu-orange)!important;
}
body.home .pu-custom-home-section .pu-custom-home-gallery img{
  display:block;
  width:100%;
  height:clamp(96px,16vw,185px);
  object-fit:contain;
  background:#f1f3f4;
  border:1px solid #50545b;
  border-radius:2px;
}
body.home .pu-custom-home-section .pu-custom-home-gallery figcaption{
  padding:10px 3px 3px;
  color:#e7e7e7;
  text-align:center;
  font-size:clamp(9px,1.1vw,12px);
  letter-spacing:.07em;
  font-weight:850;
  line-height:1.25;
  white-space:normal;
}
/* The Amazon tile now mirrors the other product cards:
   photo, title, and ONE perfectly contained white Amazon CTA. */
body #shop .pu-amazon-pack {
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-width:0!important;
}
body #shop .pu-amazon-pack .pu-amazon-pack-image {
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body #shop .pu-amazon-pack .pu-amazon-pack-image>img {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:1.24;
  object-fit:contain!important;
}
body #shop .pu-amazon-pack .pu-amazon-heading {
  font:900 clamp(14px,1.75vw,23px)/1.1 "Arial Narrow",Arial,Helvetica,sans-serif;
  letter-spacing:.06em;
  color:#f3f4f6!important;
  text-transform:uppercase;
  text-align:center;
  margin:18px 0 4px;
}
body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:1px!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:70%!important;
  min-width:0!important;
  max-width:100%!important;
  height:73px!important;
  min-height:73px!important;
  max-height:none!important;
  margin:12px auto 10px!important;
  padding:6px 10px 8px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:2px solid var(--pu-orange)!important;
  border-radius:4px!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  text-shadow:none!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 3px 0 #a63b11!important;
  text-decoration:none!important;
}
body #shop .pu-amazon-pack .pu-amazon-action-label{
  display:block!important;
  flex:0 0 auto!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  font:900 11px/1.15 Arial,Helvetica,sans-serif!important;
  letter-spacing:.11em;
  white-space:nowrap!important;
  text-align:center!important;
}
body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn>img{
  display:block!important;
  flex:0 1 auto!important;
  width:112px!important;
  max-width:100%!important;
  height:37px!important;
  max-height:37px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}
body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn:hover {
  background:#fff6ef!important;
  box-shadow:0 0 12px rgba(255,102,0,.30)!important;
}
@media(max-width:800px){
  body.home .pu-custom-home-section{padding:28px 13px;}
  body.home .pu-custom-home-inner{padding:26px 12px 20px;}
  body.home .pu-custom-home-intro{margin-bottom:19px;}
  body.home .pu-custom-home-intro h2{font-size:clamp(27px,7vw,36px);}
  body.home .pu-custom-home-intro .pu-custom-home-cta.btn{
    max-width:100%!important;
    min-width:0!important;
    width:auto!important;
    font-size:12px!important;
    padding:13px 14px!important;
  }
  body.home .pu-custom-home-section .pu-custom-home-gallery{gap:7px;margin-top:20px;}
  body.home .pu-custom-home-section .pu-custom-home-gallery figure{padding:5px;}
  body.home .pu-custom-home-section .pu-custom-home-gallery img{height:clamp(82px,23vw,150px);}
  body.home .pu-custom-home-section .pu-custom-home-gallery figcaption{font-size:9px;letter-spacing:0;}
  body #shop .pu-amazon-pack .pu-amazon-heading{font-size:15px;margin:9px 0 1px;}
  body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn{
    width:100%!important;
    min-width:0!important;
    height:61px!important;
    min-height:61px!important;
    padding:4px 5px!important;
    gap:0!important;
  }
  body #shop .pu-amazon-pack .pu-amazon-pack-cta.btn>img{
    width:94px!important;
    max-width:100%!important;
    height:31px!important;
  }
  body #shop .pu-amazon-pack .pu-amazon-action-label{font-size:10px!important;}
}

/* PUCKUPS View Pack buttons | adapted from the RAMBOX DIVIDERS
   chrome-edged, graduated-color primary CTA: industrial orange version. */
body.home #shop .pack:not(.pu-amazon-pack) > a.btn{
  box-sizing:border-box!important;
  display:inline-flex!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  width:min(82%,260px)!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:53px!important;
  height:auto!important;
  padding:12px 12px 13px!important;
  margin:13px auto 12px!important;
  border:2px solid transparent!important;
  border-radius:4px!important;
  background:
    linear-gradient(180deg,#ffbd79 0%,#ff8c30 10%,#f96112 34%,#e44409 64%,#a72907 88%,#79220b 100%) padding-box,
    linear-gradient(140deg,#f8fafc 0%,#a1aab4 19%,#4b515a 40%,#e2e6e9 68%,#6a737d 100%) border-box!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:italic 900 clamp(14px,1.30vw,18px)/1.15 "Arial Narrow",Impact,Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-shadow:0 1px 2px #592007,0 -1px 0 rgba(35,16,9,.33)!important;
  white-space:nowrap!important;
  box-shadow:
    inset 0 2px 0 rgba(255,240,224,.48),
    inset 0 -2px 0 rgba(72,19,9,.66),
    0 3px 0 #581e0d,
    0 8px 16px rgba(0,0,0,.53)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
body.home #shop .pack:not(.pu-amazon-pack) > a.btn::before{
  content:"";
  position:absolute;
  top:3px;
  left:12px;
  right:12px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  pointer-events:none;
}
body.home #shop .pack:not(.pu-amazon-pack) > a.btn:hover,
body.home #shop .pack:not(.pu-amazon-pack) > a.btn:focus-visible{
  background:
    linear-gradient(180deg,#ffd19d 0%,#ff9a46 12%,#fc711f 40%,#ea490e 70%,#b7320a 100%) padding-box,
    linear-gradient(140deg,#fff 0%,#c4c9ce 20%,#656d77 43%,#fff 70%,#747f8a 100%) border-box!important;
  filter:none!important;
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,248,229,.53),
    inset 0 -2px 0 rgba(90,19,3,.55),
    0 4px 0 #581e0d,
    0 8px 20px rgba(0,0,0,.48),
    0 0 13px rgba(255,102,0,.29)!important;
}
body.home #shop .pack:not(.pu-amazon-pack) > a.btn:active{
  transform:translateY(3px)!important;
  box-shadow:inset 0 2px 3px rgba(64,17,6,.5),0 1px 0 #581e0d,0 3px 7px #0007!important;
}
@media(max-width:800px){
  body.home #shop .pack:not(.pu-amazon-pack) > a.btn{
    width:calc(100% - 8px)!important;
    min-width:0!important;
    min-height:42px!important;
    margin:9px auto 8px!important;
    padding:9px 5px 10px!important;
    font-size:clamp(10px,2.65vw,13px)!important;
    letter-spacing:.012em!important;
    border-width:1.5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home #shop .pack:not(.pu-amazon-pack) > a.btn{transition:none!important;}
}

/* Final polish: silver bevel without a heavy picture-frame look. */
body.home #shop .pack,
body.home #shop .pu-amazon-pack,
body.home .pu-custom-home-section .pu-custom-home-gallery figure {
  border:1px solid rgba(154,158,165,.22)!important;
  box-shadow:0 6px 21px rgba(0,0,0,.26)!important;
}
body.home #shop .pack > a:first-child > img,
body.home #shop .pu-amazon-pack .pu-amazon-pack-image > img{
  border:0!important;
  outline:0!important;
}
body.home .feature2 > img,
body.home .pu-claudia-feature .pu-claudia-photo {
  border:0!important;
  box-shadow:0 8px 21px rgba(0,0,0,.18)!important;
}
/* Allow italic letter overhang in PUCKUPS. Stop chopping the terminal K. */
body.home .pu-wordmark,
body.home .hero-brand{
  display:inline-block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding:.025em .12em .07em .10em!important;
  margin:0 -.10em!important;
  vertical-align:baseline!important;
}
body.home .pu-wordmark .pu-brand-silver,
body.home .hero-brand .pu-brand-silver{
  display:inline-block!important;
  padding:0 .07em 0 .035em!important;
  margin:0 -.04em 0 0!important;
  overflow:visible!important;
}
body.home .pu-wordmark .brand-up,
body.home .hero-brand .brand-up{display:inline-block!important;padding-right:.07em!important;}
/* Metallic flame-orange wordforms and 3-D silver. Apply to headings, not body text. */
body.home .feature2 h2 span.orange,
body.home .feature2 h2 .pu-wordmark .brand-up,
body.home .pu-custom-home-intro h2 .brand-up,
body.home #shop h2 .brand-up,
body.home .hero2 h1 .brand-up {
  background:linear-gradient(177deg,#ffe0b8 0%,#ff9d4d 17%,#ff6a0d 42%,#d44604 71%,#ff8831 89%,#932a05 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 2px 0 #602304) drop-shadow(0 3px 2px rgba(0,0,0,.55))!important;
}
body.home .feature2 h2 .pu-wordmark .pu-brand-silver,
body.home .pu-custom-home-intro h2 .pu-brand-silver,
body.home #shop h2 .pu-brand-silver {
  filter:drop-shadow(0 2px 0 rgba(65,68,75,.7)) drop-shadow(0 3px 1px rgba(0,0,0,.48))!important;
}
body.home .pu-custom-home-intro h2{
  font-size:clamp(27px,3.35vw,48px)!important;
  line-height:1.18!important;
  padding:0 .13em!important;
  overflow:visible!important;
}
body.home .pu-claudia-copy h2{
  font-size:clamp(26px,3.20vw,52px)!important;
  line-height:1.14!important;
}
/* Hero/sales images stay photographs: the standalone puck should not tower over copy. */
body.home .pu-about-feature{
  grid-template-columns:minmax(0,.90fr) minmax(0,1.1fr)!important;
  gap:clamp(22px,4vw,64px)!important;
}
body.home .pu-about-feature > img{
  display:block!important;
  width:min(76%,470px)!important;
  max-width:470px!important;
  max-height:390px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:16px auto!important;
  border:0!important;
  box-shadow:none!important;
}
body.home .pu-everyday-feature{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
body.home .pu-everyday-feature h2{
  font-size:clamp(27px,3vw,52px)!important;
  line-height:1.12!important;
  max-width:100%!important;
  overflow:visible!important;
  margin-bottom:14px!important;
}
body.home .pu-everyday-feature p{
  max-width:100%!important;
  width:100%!important;
  font-size:clamp(15px,1.25vw,21px)!important;
  letter-spacing:-.012em!important;
  line-height:1.4!important;
  margin:0!important;
  text-align:left!important;
}
/* Share one subtly raised supercar-style family across all primary CTAs.
   Keep white Amazon and native payment-provider controls unchanged. */
body .btn:not(.pu-amazon-pack-cta),
body .pu-pack-page .pu-cta,
body .woocommerce button.button:not([class*="amazon"]):not([class*="paypal"]),
body .woocommerce a.button:not([class*="amazon"]):not([class*="paypal"]),
body .woocommerce input.button,
body .woocommerce #payment #place_order {
  box-sizing:border-box!important;
  background:
    linear-gradient(180deg,#ffc58d 0%,#ff9542 12%,#fb681b 34%,#e6530c 62%,#a92d07 100%) padding-box,
    linear-gradient(135deg,#e4e8eb,#717b86 34%,#e0e4e9 62%,#767d86 100%) border-box!important;
  border:1px solid transparent!important;
  border-radius:3px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-style:italic!important;
  text-shadow:0 1px 1px rgba(73,24,4,.7)!important;
  box-shadow:inset 0 2px 0 rgba(255,238,217,.49),inset 0 -2px 0 #7e2709,0 3px 0 #60200b,0 6px 12px rgba(0,0,0,.46)!important;
  transition:transform .17s ease,box-shadow .17s ease,filter .17s ease!important;
}
body .btn:not(.pu-amazon-pack-cta):hover,
body .pu-pack-page .pu-cta:hover,
body .woocommerce button.button:not([class*="amazon"]):not([class*="paypal"]):hover,
body .woocommerce #payment #place_order:hover{
  filter:brightness(1.11)!important;
  box-shadow:inset 0 2px 0 rgba(255,248,233,.54),inset 0 -2px 0 #802409,0 4px 0 #5b1b07,0 6px 18px rgba(0,0,0,.46),0 0 9px rgba(255,102,0,.18)!important;
}
body .btn:not(.pu-amazon-pack-cta):active,
body .pu-pack-page .pu-cta:active{
  transform:translateY(3px)!important;
  box-shadow:inset 0 2px 3px #762c16,0 1px 0 #60200b,0 3px 6px rgba(0,0,0,.3)!important;
}
/* Secondary actions: dark brushed metal, shallow edges, same family. */
body .pu-custom-outline,
body .pu-contact-secondary,
body .pu-pack-page .pu-back,
body .pu-pack-page .pu-picks a,
body .pu-commerce-steps a:not(.current),
body header .menu {
  background:linear-gradient(180deg,#34393e,#202428 46%,#101318 100%)!important;
  border:1px solid #737b83!important;
  border-radius:3px!important;
  color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 2px 0 #06080a,0 5px 10px rgba(0,0,0,.26)!important;
}
body .pu-custom-outline:hover,
body .pu-pack-page .pu-back:hover,
body .pu-pack-page .pu-picks a:hover,
body header .menu:hover{
  border-color:var(--pu-orange)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* Buttons in the product grid are intentionally from this same raised family. */
body.home #shop .pack:not(.pu-amazon-pack) > a.btn{
  border:1px solid transparent!important;
  border-radius:3px!important;
  background:
    linear-gradient(180deg,#ffc58d 0%,#ff9542 12%,#fb681b 34%,#e6530c 62%,#a92d07 100%) padding-box,
    linear-gradient(135deg,#e4e8eb,#717b86 34%,#e0e4e9 62%,#767d86 100%) border-box!important;
  box-shadow:inset 0 2px 0 rgba(255,238,217,.49),inset 0 -2px 0 #7e2709,0 3px 0 #60200b,0 6px 12px rgba(0,0,0,.46)!important;
  font-weight:900!important;
}
body.home #shop .pack:not(.pu-amazon-pack) > a.btn::before{opacity:.28;}
/* Preserve explicit disabled states. */
body .pu-pack-page .pu-cta[disabled],
body .pu-pack-page .pu-cta[aria-disabled="true"],
body .woocommerce button.button:disabled {
  background:#505050!important;border:1px solid #777!important;
  color:#d6d6d6!important;-webkit-text-fill-color:#d6d6d6!important;
  box-shadow:none!important;
}
@media(max-width:950px){
  body.home .pu-about-feature,body.home .pu-everyday-feature{grid-template-columns:minmax(0,1fr)!important;}
  body.home .pu-about-feature>img{width:min(72%,340px)!important;max-height:290px!important;}
  body.home .pu-everyday-feature h2{font-size:clamp(27px,6.3vw,43px)!important;}
  body.home .pu-everyday-feature p{font-size:clamp(14px,3vw,18px)!important;}
  body.home .pu-custom-home-intro h2{font-size:clamp(24px,5.7vw,42px)!important;}
  body.home .pu-claudia-copy h2{font-size:clamp(25px,6.0vw,38px)!important;}
}
@media(max-width:480px){
  body.home .pu-about-feature>img{width:min(76%,290px)!important;max-height:240px!important;}
  body.home .pu-custom-home-intro h2{font-size:clamp(23px,6.5vw,30px)!important;}
  body.home .pu-everyday-feature h2{font-size:clamp(27px,7vw,32px)!important;}
  body.home .pu-everyday-feature p{font-size:clamp(13px,3.6vw,16px)!important;}
  body.home .pu-claudia-copy h2{font-size:clamp(26px,6.6vw,33px)!important;}
}
/* PUCKUPS LOGO 2026 is a wide 2105:369 transparent wordmark.
   Keep its actual aspect ratio and make it legible without stretching. */
body header .head > a:first-child{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto;
  min-width:0;
}
body header .official-brand-logo{
  width:clamp(235px,28vw,390px)!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
}
body .pu-policy-footer .official-brand-logo{
  width:clamp(215px,20vw,280px)!important;
  height:auto!important;
  max-width:100%!important;
}
body .pu-pack-page .pu-pack-brand img{
  display:block!important;
  width:clamp(215px,27vw,360px)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
/* Slanted Pucky text needs spare space after the final Y.
   Slightly reduce desktop scale instead of allowing glyph clipping. */
body.home .pu-claudia-feature .pu-claudia-copy{
  min-width:0!important;
  overflow:visible!important;
}
body.home .pu-claudia-feature .pu-claudia-copy h2{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 .34em .18em 0!important;
  font-size:clamp(27px,2.52vw,45px)!important;
  line-height:1.24!important;
  letter-spacing:-.028em!important;
  word-break:normal!important;
  overflow:visible!important;
  white-space:normal!important;
}
body.home .pu-claudia-feature .pu-claudia-copy h2 .orange{
  padding:0 .17em .12em .025em!important;
  margin:0 -.03em 0 0!important;
  line-height:1.24!important;
  white-space:normal!important;
  overflow:visible!important;
}
@media(max-width:950px){
  body.home .pu-claudia-feature .pu-claudia-copy h2{
    font-size:clamp(27px,5.5vw,42px)!important;
    padding-right:.30em!important;
    line-height:1.30!important;
  }
  body header .official-brand-logo{width:clamp(190px,40vw,300px)!important;}
  body .pu-pack-page .pu-pack-brand img{width:clamp(190px,38vw,270px)!important;}
}
@media(max-width:480px){
  body header .official-brand-logo{width:clamp(165px,43vw,225px)!important;}
  body .pu-policy-footer .official-brand-logo{width:min(220px,70vw)!important;}
  body .pu-pack-page .pu-pack-brand img{width:clamp(160px,43vw,220px)!important;}
  body.home .pu-claudia-feature .pu-claudia-copy h2{
    font-size:clamp(25px,6.0vw,32px)!important;
    padding-right:.24em!important;
  }
}



