/* SHED shop — styles served from Cloudflare alongside shed-site.js (changes go live without a theme publish). */

/* Phones: a tap's sticky :hover never hides the photograph; only a tapped tile shows its clip */
html.shed-touch .shed-drop .lo-tile.lo-has-gif:not(.lo-playing):hover .lo-obj{opacity:1!important}
html.shed-touch .shed-drop .lo-tile.lo-has-gif:not(.lo-playing):hover .lo-gif{opacity:0!important}
/* a quiet hint on the playing tile: the next tap opens it */
html.shed-touch .shed-drop .lo-tile.shed-armed::before{content:"Tap again to open";position:absolute;z-index:6;left:50%;bottom:12px;
  transform:translateX(-50%);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(8,4,0,.6);white-space:nowrap;pointer-events:none}

/* carried over from the theme's shed.css (v34–v36) so every theme copy looks the same */
body .shed-drop .lo-about{border-top:0!important}
@media (hover: none){body .shed-drop .lo-tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}
body .header-holder .logo-img img{transform:none!important}

/* "Buy now" for someone arriving from their buy-link email */
.shed-reserve{margin:8px 0 36px}
.shed-reserve .shed-wish__btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:52px;padding:0 28px;
  background:var(--color-text);color:var(--color-background);border:1px solid var(--color-text);font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.shed-reserve .shed-wish__note{margin-top:14px;font-size:14px;line-height:1.5;color:rgba(8,4,0,.72)}

/* Product galleries: photos show the moment they are ready. The theme keeps each photo invisible until it
   has watched it load, and photos brought back in when the colourway changes were never marked loaded,
   so they stayed blank. */
body .mount-product-page .product-gallery__item .lazy-image img,
body .product-gallery__item .lazy-image img{opacity:1!important;transform:none!important;animation:none!important}

/* Carrom shows its price like every other piece: this switches off the theme's old "Price on request" line */
html body .product__header::after{content:none!important;display:none!important}
html body .product__price{display:flex!important}