/* Denimaxx mobile-only fixes 2026-10-13 (v5: tile titles at bottom w/ gradient; v4: hero text placed BELOW the image on mobile; beats inline #id !important styles) */
@media only screen and (max-width:768px){
  #MainContent .index-section--hero[id$="__slideshow"]{margin-bottom:160px !important;overflow-x:clip !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow, #MainContent .index-section--hero[id$="__slideshow"] .flickity-viewport, #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide, #MainContent .index-section--hero[id$="__slideshow"] .hero{overflow:visible !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide .hero__text-wrap{position:absolute !important;top:100% !important;left:0 !important;right:0 !important;height:150px !important;background:#fff !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide .hero__text-wrap > .page-width{display:flex !important;flex-direction:column !important;justify-content:center !important;height:100% !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide .hero__text-wrap .hero__text-content{display:block !important;width:100% !important;max-width:none !important;padding:0 !important;text-align:center !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide .hero__text-wrap .hero__title{font-size:20px !important;line-height:1.15 !important;margin:0 0 10px !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide .hero__text-wrap .hero__link{display:flex !important;gap:8px !important;justify-content:center !important;}
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow__slide .hero__text-wrap .hero__link a{width:auto !important;flex:1 1 0 !important;margin:0 !important;padding:10px 4px !important;font-size:11px !important;letter-spacing:.1em !important;}
  .collection-item--overlaid .collection-image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none;z-index:1;}
  .collection-item--overlaid .collection-item__title--overlaid[class*="collection-item__title--"]{top:auto !important;bottom:12px !important;transform:none !important;z-index:2 !important;}
}
/* v6: smaller type site-wide on mobile (~15-20%) */
@media only screen and (max-width:768px){
  html:root{--typeHeaderSize:40px !important;--typeBaseSize:16px !important;--typeCollectionTitle:22px !important;}
  html body{font-size:15px !important;}
  html body .product--title.product-single__title,html body .product-single__title{font-size:26px !important;line-height:1.25 !important;}
  html body .section-header__title{font-size:28px !important;line-height:1.25 !important;}
  html body .btn,html body .rte .btn{font-size:12px !important;}
  html body input,html body select,html body textarea{font-size:16px !important;}
}
/* v7: newsletter popup was wider than phone screen (573px) */
@media only screen and (max-width:768px){
  .modal.modal--mobile-friendly{left:0 !important;right:0 !important;width:100% !important;max-width:100vw !important;}
  .modal--mobile-friendly .modal__inner,.newsletter-popup{max-width:calc(100vw - 30px) !important;box-sizing:border-box !important;margin-left:auto !important;margin-right:auto !important;}
}
/* v8: compact product card titles in grids on mobile */
@media only screen and (max-width:768px){
  html body .grid-product__title{font-size:14px !important;line-height:1.3 !important;font-weight:600 !important;-webkit-hyphens:none !important;hyphens:none !important;word-break:normal !important;overflow-wrap:normal !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
}
/* v9: mobile collection description clamp + Read more (JS adds .dmx-clamp only on <=768px) */
@media only screen and (max-width:768px){
  .dmx-clamp{max-height:90px;overflow:hidden;position:relative;}
  .dmx-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);}
  .dmx-readmore{background:none;border:0;padding:4px 0 0;margin:0 0 16px;font-size:13px !important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;color:inherit;cursor:pointer;}
}
@media only screen and (min-width:769px){.dmx-readmore{display:none !important;}}
/* v20 2026-10-19: hero selectors no longer tied to one theme's section ID (each duplicated theme gets a new ID, which silently broke v4 on mobile) */
/* v11: hero overflow:visible caused 573px page width on mobile; clip horizontally */
@media only screen and (max-width:768px){
  #MainContent .index-section--hero[id$="__slideshow"] .slideshow-wrapper{overflow-x:clip !important;}
}
/* v12: sticky add-to-cart button wrapped on small Androids (360px) */
@media only screen and (max-width:768px){
  .sticky-atc-btn{white-space:nowrap !important;flex-shrink:0 !important;padding-left:18px !important;padding-right:18px !important;}
  .sticky-atc-info{min-width:0 !important;}
}
/* v13: desktop/tablet product grid card titles smaller (approved by Max) */
@media only screen and (min-width:769px){
  html body .grid-product__title{font-size:18px !important;line-height:1.35 !important;font-weight:600 !important;}
}

/* v14 (2026-10-14): PDP title never clipped */
html body .product-single__title{max-width:100% !important;white-space:normal !important;overflow:visible !important;overflow-wrap:break-word !important;word-break:normal !important;-webkit-hyphens:none !important;hyphens:none !important;}
html body .product-single__meta{min-width:0 !important;overflow:visible !important;}
/* v15 (2026-10-14): Read-more clamp only on collection/product description text (JS scopes it); safety net: never on pages, never on tile grids */
@media only screen and (max-width:768px){
  .template-page .dmx-clamp,.dmx-clamp:has(img,picture,table,video,iframe,[class*="grid"]){max-height:none !important;overflow:visible !important;}
  .template-page .dmx-clamp::after,.dmx-clamp:has(img,picture,table,video,iframe,[class*="grid"])::after{display:none !important;}
  .template-page .dmx-readmore{display:none !important;}
}
/* v16 (2026-10-14): collection-description tile row (e.g. ski-leggings) fits phone width now that it is no longer hidden by Read more */
@media only screen and (max-width:768px){
  .collection__description a[style*="flex"]{min-width:0 !important;}
  .collection__description a[style*="flex"] > div{font-size:14px !important;overflow-wrap:break-word !important;}
}

/* Denimaxx framing-test v10 (2026-10-15): ONE product — cowgirl turtleneck.
   Desktop only. Full-width COVER (no bars). Frame = 3:4 of photo column via cqw
   (height 133.33cqw ≈ width×4/3). Per-image object-position. Shorter than original
   ~180% padding. REVERT: delete this block. */

/* Denimaxx sweater framing v10r6 (2026-10-15): 3:4 ONLY for too-much-empty/sky images that do not cut head/product.
   All other stills keep original Impulse size/framing. Desktop only.
   REVERT: backup/20261015-1328-pre-framing-rollout/ */
@media only screen and (min-width: 769px){
:is(
  .product-section[data-product-handle="crewneck-telluride-ski-sweater"],
  .product-section[data-product-handle="denimaxx-fitted-ski-intarsia-sweater-cowgirl-skiers"],
  .product-section[data-product-handle="denimaxx-mens-crewneck-sweater-intarsia-ski"],
  .product-section[data-product-handle="denimaxx-mens-crewneck-sweater-ski-intarsia"],
  .product-section[data-product-handle="denimaxx-mens-half-zip-turtleneck-ski-sweater"],
  .product-section[data-product-handle="denimaxx-mens-turtleneck-ski-intarsia-sweater"],
  .product-section[data-product-handle="denimaxx-women-s-telluride-cowgirl-skiers-turtleneck-sweater"],
  .product-section[data-product-handle="denimaxx-womens-black-white-apres-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-black-white-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-blue-white-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-cowgirl-ski-intarsia-turtleneck-sweater"],
  .product-section[data-product-handle="denimaxx-womens-cowgirl-skiers-turtleneck-sweater"],
  .product-section[data-product-handle="denimaxx-womens-cowgirl-turtleneck-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-fitted-cowgirl-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-fitted-red-white-blue-sweater"],
  .product-section[data-product-handle="denimaxx-womens-half-zip-cowgirl-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-half-zip-telluride-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-jacquard-cowgirl-skier-sweater"],
  .product-section[data-product-handle="denimaxx-womens-jacquard-knit-cowgirl-sweater"],
  .product-section[data-product-handle="denimaxx-womens-ski-half-zip-sweater-white-black"],
  .product-section[data-product-handle="denimaxx-womens-ski-intarsia-crewneck-sweater"],
  .product-section[data-product-handle="denimaxx-womens-telluride-cowgirl-skiers-sweater"],
  .product-section[data-product-handle="denimaxx-womens-telluride-cowgirl-turtleneck-sweater"],
  .product-section[data-product-handle="denimaxx-womens-telluride-cowgirls-ski-turtleneck"],
  .product-section[data-product-handle="denimaxx-womens-telluride-gondola-reindeer-sweater"],
  .product-section[data-product-handle="denimaxx-womens-telluride-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-telluride-turtleneck-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-turtleneck-cowgirl-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-visor-mountains-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-white-black-apres-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-white-black-ski-sweater"],
  .product-section[data-product-handle="denimaxx-womens-white-red-black-ski-sweater"]
){
  .page-content--product { padding-top: 12px !important; }
  .product__main-photos { container-type: inline-size; }
  .product__main-photos .flickity-viewport {
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
  }
  .product__main-photos .flickity-slider,
  .product__main-photos .product-main-slide { height: 100% !important; }
  .product-main-slide .image-wrap {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
    padding-bottom: 0 !important; aspect-ratio: auto !important;
    overflow: hidden !important; background: transparent !important;
  }
  .product-main-slide .image-wrap image-element {
    position: absolute !important; inset: 0 !important; display: block !important;
    width: 100% !important; height: 100% !important;
  }
  .product-main-slide .image-wrap img,
  .product-main-slide img.photoswipe__image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; max-width: none !important;
    height: 100% !important; max-height: none !important; margin: 0 !important;
    object-fit: cover !important; object-position: center 35% !important;
  }
}

}

/* Denimaxx OTHER framing batch1 v2 (2026-10-15): sky/empty-only 3:4; else original.
   Desktop only. REVERT: remove this block. */
@media only screen and (min-width: 769px){
:is(
  .product-section[data-product-handle="aspen-lights-crop-top"],
  .product-section[data-product-handle="aspen-lights-short-sleeve-shirt"],
  .product-section[data-product-handle="big-cat-mix-up-crop-top"],
  .product-section[data-product-handle="blue-eyed-bandit-crop-top"],
  .product-section[data-product-handle="flowers-crop-top"],
  .product-section[data-product-handle="metallic-liquid-tank-top"],
  .product-section[data-product-handle="quilted-leather-jacket-silver-fox-trim"],
  .product-section[data-product-handle="quilted-leather-with-fox-jacket-98"],
  .product-section[data-product-handle="rex-rabbit-leather-jacket-with-detachable-sleeves"],
  .product-section[data-product-handle="satin-goose-down-jacket-14-copy"],
  .product-section[data-product-handle="scenic-mountain-crop-top"],
  .product-section[data-product-handle="shearling-vest"],
  .product-section[data-product-handle="shearling-vest-1"],
  .product-section[data-product-handle="siberian-husky-crop-top"],
  .product-section[data-product-handle="snake-skin-short-sleeve-shirt"],
  .product-section[data-product-handle="womens-aspen-trail-mountain-mid-layer"],
  .product-section[data-product-handle="womens-blue-eyed-tiger-mid-layer-top"],
  .product-section[data-product-handle="womens-cheetah-mid-layer-top"],
  .product-section[data-product-handle="womens-goose-down-satin-tweed-coat-italy"],
  .product-section[data-product-handle="womens-nylon-wool-coat-fox-hood-trim"],
  .product-section[data-product-handle="womens-pug-mid-layer-top"],
  .product-section[data-product-handle="womens-pug-print-mid-layer-top"],
  .product-section[data-product-handle="womens-reversible-shearling-coat-mink-trim"],
  .product-section[data-product-handle="womens-satin-down-coat-sheepskin-trim"],
  .product-section[data-product-handle="womens-satin-goose-down-coat-tweed-italy"],
  .product-section[data-product-handle="womens-satin-shearling-coat"],
  .product-section[data-product-handle="womens-shearling-coat-with-knit-trim"],
  .product-section[data-product-handle="womens-shearling-jacket-fox-trim"],
  .product-section[data-product-handle="womens-shearling-satin-coat-fox-hood"],
  .product-section[data-product-handle="womens-skier-mid-layer-top"],
  .product-section[data-product-handle="womens-telluride-town-mid-layer-top"],
  .product-section[data-product-handle="womens-westie-dog-print-mid-layer-top"],
  .product-section[data-product-handle="yoga-girl-crop-top"]
){
  .page-content--product { padding-top: 12px !important; }
  .product__main-photos { container-type: inline-size; }
  .product__main-photos .flickity-viewport {
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
  }
  .product__main-photos .flickity-slider,
  .product__main-photos .product-main-slide { height: 100% !important; }
  .product-main-slide .image-wrap {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
    padding-bottom: 0 !important; aspect-ratio: auto !important;
    overflow: hidden !important; background: transparent !important;
  }
  .product-main-slide .image-wrap image-element {
    position: absolute !important; inset: 0 !important; display: block !important;
    width: 100% !important; height: 100% !important;
  }
  .product-main-slide .image-wrap img,
  .product-main-slide img.photoswipe__image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; max-width: none !important;
    height: 100% !important; max-height: none !important; margin: 0 !important;
    object-fit: cover !important; object-position: center 35% !important;
  }
}

}

/* Denimaxx OTHER framing leggings v2 (2026-10-15): sky/empty-only; full legs+feet. Desktop only. */
@media only screen and (min-width: 769px){
:is(
  .product-section[data-product-handle="american-ganja-leggings"],
  .product-section[data-product-handle="black-panther-camo"],
  .product-section[data-product-handle="colorado-road-leggings"],
  .product-section[data-product-handle="colorado-skiing"],
  .product-section[data-product-handle="denimaxx-blue-camo-print-leggings"],
  .product-section[data-product-handle="denimaxx-blue-eyed-leopard-leggings"],
  .product-section[data-product-handle="denimaxx-blue-snake-print-leggings"],
  .product-section[data-product-handle="denimaxx-blue-snake-print-yoga-leggings"],
  .product-section[data-product-handle="denimaxx-dragon-print-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-dragon-scales-print-leggings"],
  .product-section[data-product-handle="denimaxx-floral-print-highrise-leggings"],
  .product-section[data-product-handle="denimaxx-furious-tiger-safari-leggings"],
  .product-section[data-product-handle="denimaxx-german-shorthaired-pointer-leggings"],
  .product-section[data-product-handle="denimaxx-gold-stars-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-gray-camo-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-green-eyed-leopard-leggings"],
  .product-section[data-product-handle="denimaxx-grey-snake-print-sports-leggings"],
  .product-section[data-product-handle="denimaxx-guns-skulls-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-hawaiian-hibiscus-highrise-leggings"],
  .product-section[data-product-handle="denimaxx-king-owl-print-leggings"],
  .product-section[data-product-handle="denimaxx-multi-color-snake-leggings"],
  .product-section[data-product-handle="denimaxx-poodle-print-leggings"],
  .product-section[data-product-handle="denimaxx-pug-print-leggings"],
  .product-section[data-product-handle="denimaxx-rottweiler-print-leggings"],
  .product-section[data-product-handle="denimaxx-shiba-adjustable-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-siberian-husky-print-leggings"],
  .product-section[data-product-handle="denimaxx-ski-print-adjustable-leggings"],
  .product-section[data-product-handle="denimaxx-skull-roses-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-snow-bear-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-women-labrador-retriever-print-leggings"],
  .product-section[data-product-handle="denimaxx-women-parrot-gardens-adjustable-leggings"],
  .product-section[data-product-handle="denimaxx-women-s-flora-and-fauna-jean-adjustable-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-women-s-glowing-butterflies-leggings"],
  .product-section[data-product-handle="denimaxx-womens-aspen-is-calling-print-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-aspen-mountain-trail-map-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-bernese-dog-leggings"],
  .product-section[data-product-handle="denimaxx-womens-blossom-jean-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-blue-eyed-jaguar-leggings"],
  .product-section[data-product-handle="denimaxx-womens-blue-eyed-tiger-leggings"],
  .product-section[data-product-handle="denimaxx-womens-blue-eyed-tiger-safari-leggings"],
  .product-section[data-product-handle="denimaxx-womens-blue-floral-jean-pocket-leggings"],
  .product-section[data-product-handle="denimaxx-womens-cat-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-cheetah-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-dazzling-butterflies-leggings"],
  .product-section[data-product-handle="denimaxx-womens-elephant-safari-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-feline-fatale-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-flower-garden-leggings"],
  .product-section[data-product-handle="denimaxx-womens-flower-jean-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-french-bulldog-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-giraffe-safari-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-golden-retriever-leggings"],
  .product-section[data-product-handle="denimaxx-womens-gorilla-monkey-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-green-eyed-lion-leggings"],
  .product-section[data-product-handle="denimaxx-womens-green-eyed-white-tiger-leggings"],
  .product-section[data-product-handle="denimaxx-womens-irish-wolfhound-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-jean-adjustable-leggings"],
  .product-section[data-product-handle="denimaxx-womens-jungle-cats-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-king-charles-spaniel-leggings"],
  .product-section[data-product-handle="denimaxx-womens-kitten-print-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-womens-lion-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-maltese-print-legging"],
  .product-section[data-product-handle="denimaxx-womens-miniature-schnauzer-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-night-lilly-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-panda-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-panther-print-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-womens-pastel-blue-roses-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-patriot-adjustable-leggings"],
  .product-section[data-product-handle="denimaxx-womens-pekingese-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-pit-bull-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-pomeranian-print-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-womens-pug-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-reindeer-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-rose-bundle-jean-adjustable-high-rise"],
  .product-section[data-product-handle="denimaxx-womens-rottweiler-print-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-womens-shih-tzu-leggings"],
  .product-section[data-product-handle="denimaxx-womens-ski-cowgirls-side-panel-leggings"],
  .product-section[data-product-handle="denimaxx-womens-sunset-yoga-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-telluride-print-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-womens-tiger-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-wild-horses-high-rise-leggings"],
  .product-section[data-product-handle="denimaxx-womens-wolf-print-leggings"],
  .product-section[data-product-handle="denimaxx-womens-yoga-sunset-print-leggings"],
  .product-section[data-product-handle="eye-of-the-tiger"],
  .product-section[data-product-handle="forest-camo-leggings"],
  .product-section[data-product-handle="french-bulldog-leggings"],
  .product-section[data-product-handle="golden-snowflakes"],
  .product-section[data-product-handle="kids-kitten-leggings"],
  .product-section[data-product-handle="king-of-the-jungle"],
  .product-section[data-product-handle="nenimaxx-gray-camo-print-leggings"],
  .product-section[data-product-handle="posing-giraffe-leggings"],
  .product-section[data-product-handle="shedding-denimaxx-tan-snake-print-compression-leggings"],
  .product-section[data-product-handle="skiing-cocker-spaniel"],
  .product-section[data-product-handle="snow-leopard"],
  .product-section[data-product-handle="spunky-chihuahua-leggings"],
  .product-section[data-product-handle="star-print-leggings"],
  .product-section[data-product-handle="tibetan-mastiff"]
){
  .page-content--product { padding-top: 12px !important; }
  .product__main-photos { container-type: inline-size; }
  .product__main-photos .flickity-viewport {
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
  }
  .product__main-photos .flickity-slider,
  .product__main-photos .product-main-slide { height: 100% !important; }
  .product-main-slide .image-wrap {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
    padding-bottom: 0 !important; aspect-ratio: auto !important;
    overflow: hidden !important; background: transparent !important;
  }
  .product-main-slide .image-wrap image-element {
    position: absolute !important; inset: 0 !important; display: block !important;
    width: 100% !important; height: 100% !important;
  }
  .product-main-slide .image-wrap img,
  .product-main-slide img.photoswipe__image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; max-width: none !important;
    height: 100% !important; max-height: none !important; margin: 0 !important;
    object-fit: cover !important; object-position: center 35% !important;
  }
}

}

/* Denimaxx OTHER framing kids (2026-10-15): sky/empty-only 3:4. Desktop only. */

/* Denimaxx OTHER framing hats v2 (2026-10-15): STRICT sky-only (closeups stay original). */
@media only screen and (min-width: 769px){
:is(
  .product-section[data-product-handle="aspen-knit-hat-4"],
  .product-section[data-product-handle="faux-fur-knit-hat"],
  .product-section[data-product-handle="white-aspen-headband"],
  .product-section[data-product-handle="woodland-camo-helmet"]
){
  .page-content--product { padding-top: 12px !important; }
  .product__main-photos { container-type: inline-size; }
  .product__main-photos .flickity-viewport { width: 100% !important; height: 133.33cqw !important; max-height: none !important; }
  .product__main-photos .flickity-slider, .product__main-photos .product-main-slide { height: 100% !important; }
  .product-main-slide .image-wrap {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
    padding-bottom: 0 !important; aspect-ratio: auto !important; overflow: hidden !important; background: transparent !important;
  }
  .product-main-slide .image-wrap image-element { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; }
  .product-main-slide .image-wrap img, .product-main-slide img.photoswipe__image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important;
    object-fit: cover !important; object-position: center 35% !important;
  }
}

}

/* Denimaxx OTHER framing accessories v3 STRICT */
@media only screen and (min-width: 769px){
:is(
  .product-section[data-product-handle="806-shorts-1"],
  .product-section[data-product-handle="aspen-sheepskin-pillow-1"],
  .product-section[data-product-handle="knitted-fox-fur-legwarmers-1"],
  .product-section[data-product-handle="rex-rabbit-bear-scarf-2"],
  .product-section[data-product-handle="sheepskin-sandal-slippers-10"],
  .product-section[data-product-handle="sheepskin-sandal-slippers-9"],
  .product-section[data-product-handle="vail-sheepskin-pillow"]
){
  .page-content--product { padding-top: 12px !important; }
  .product__main-photos { container-type: inline-size; }
  .product__main-photos .flickity-viewport { width: 100% !important; height: 133.33cqw !important; max-height: none !important; }
  .product__main-photos .flickity-slider, .product__main-photos .product-main-slide { height: 100% !important; }
  .product-main-slide .image-wrap {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
    padding-bottom: 0 !important; aspect-ratio: auto !important; overflow: hidden !important; background: transparent !important;
  }
  .product-main-slide .image-wrap image-element { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; }
  .product-main-slide .image-wrap img, .product-main-slide img.photoswipe__image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important;
    object-fit: cover !important; object-position: center 35% !important;
  }
}

}

/* Denimaxx OTHER framing unplanned (2026-10-15): sky/empty-only 3:4. Desktop only. */
@media only screen and (min-width: 769px){
:is(
  .product-section[data-product-handle="aspen-lights-tank-top"],
  .product-section[data-product-handle="denimaxx-womens-satin-goose-down-jacket-fox"],
  .product-section[data-product-handle="goosedown-jacket-with-fox-trim"],
  .product-section[data-product-handle="jaguar-print-tank-top"],
  .product-section[data-product-handle="leather-jacket-131"],
  .product-section[data-product-handle="leather-jacket-with-pearl-embroidery-97"],
  .product-section[data-product-handle="leather-with-shearling-lining-125"],
  .product-section[data-product-handle="party-time-mid-layer"],
  .product-section[data-product-handle="party-time-short-sleeve-shirt"],
  .product-section[data-product-handle="satin-goose-down-coat-with-fox-trim"],
  .product-section[data-product-handle="satin-shearling-coat"],
  .product-section[data-product-handle="shearling-jacket-with-leather-sleeves"],
  .product-section[data-product-handle="shearling-nylon-jacket"],
  .product-section[data-product-handle="shearling-nylon-jacket-132"],
  .product-section[data-product-handle="shearling-vest-2"],
  .product-section[data-product-handle="silk-lined-leather-fring-gloves-1"],
  .product-section[data-product-handle="vintage-aspen-short-sleeve-shirt"],
  .product-section[data-product-handle="womens-animal-toscana-shearling-coat"],
  .product-section[data-product-handle="womens-blue-eyed-wolf-mid-layer-top"],
  .product-section[data-product-handle="womens-fitted-leather-coat"],
  .product-section[data-product-handle="womens-french-bulldog-print-mid-layer-top"],
  .product-section[data-product-handle="womens-genuine-shearling-coat"],
  .product-section[data-product-handle="womens-golden-retriever-mid-layer-top"],
  .product-section[data-product-handle="womens-goose-down-satin-fox-puffer-italy"],
  .product-section[data-product-handle="womens-green-eyed-tiger-mid-layer-top"],
  .product-section[data-product-handle="womens-hooded-satin-down-coat-sheepskin-trim"],
  .product-section[data-product-handle="womens-labrador-retriever-mid-layer-top"],
  .product-section[data-product-handle="womens-leather-jacket-shearling-trim"],
  .product-section[data-product-handle="womens-leather-jacket-with-shearling-trim"],
  .product-section[data-product-handle="womens-leopard-print-mid-layer-top"],
  .product-section[data-product-handle="womens-metallic-gold-satin-down-coat"],
  .product-section[data-product-handle="womens-metallic-silver-satin-down-coat-fox-trim"],
  .product-section[data-product-handle="womens-mink-leather-fox-jacket"],
  .product-section[data-product-handle="womens-nylon-wool-coat-fox-hood"],
  .product-section[data-product-handle="womens-reversible-baby-blue-shearling-coat"],
  .product-section[data-product-handle="womens-satin-goose-down-bomber-fox-italy"],
  .product-section[data-product-handle="womens-satin-goose-down-fox-italy"],
  .product-section[data-product-handle="womens-satin-goose-down-hooded-italy"],
  .product-section[data-product-handle="womens-satin-goose-down-jacket-fox-vest"],
  .product-section[data-product-handle="womens-satin-goose-down-rex-rabbit-italy"],
  .product-section[data-product-handle="womens-satin-shearling-jacket"],
  .product-section[data-product-handle="womens-shearling-coat-detachable-hood"],
  .product-section[data-product-handle="womens-shearling-coat-knitted-sleeves-fox"],
  .product-section[data-product-handle="womens-shearling-coat-satin-knit-fox"],
  .product-section[data-product-handle="womens-shearling-coat-satin-knit-fox-hood"],
  .product-section[data-product-handle="womens-shearling-coat-satin-knit-fox-trim"],
  .product-section[data-product-handle="womens-shearling-coat-with-detachable-hood"],
  .product-section[data-product-handle="womens-shearling-jacket-with-fox-trim"],
  .product-section[data-product-handle="womens-shearling-jacket-with-knit-trim"],
  .product-section[data-product-handle="womens-snake-blue-mid-layer-top"],
  .product-section[data-product-handle="womens-snake-print-mid-layer-top"],
  .product-section[data-product-handle="womens-snake-print-satin-down-coat-italy"],
  .product-section[data-product-handle="womens-snow-leopard-mid-layer-top"],
  .product-section[data-product-handle="womens-telluride-trail-map-midlayer-top"],
  .product-section[data-product-handle="womens-toscana-shearling-jacket-coat-hood"],
  .product-section[data-product-handle="womens-velvet-goose-down-jacket-italy"]
){
  .page-content--product { padding-top: 12px !important; }
  .product__main-photos { container-type: inline-size; }
  .product__main-photos .flickity-viewport {
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
  }
  .product__main-photos .flickity-slider,
  .product__main-photos .product-main-slide { height: 100% !important; }
  .product-main-slide .image-wrap {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 133.33cqw !important; max-height: none !important;
    padding-bottom: 0 !important; aspect-ratio: auto !important;
    overflow: hidden !important; background: transparent !important;
  }
  .product-main-slide .image-wrap image-element {
    position: absolute !important; inset: 0 !important; display: block !important;
    width: 100% !important; height: 100% !important;
  }
  .product-main-slide .image-wrap img,
  .product-main-slide img.photoswipe__image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; max-width: none !important;
    height: 100% !important; max-height: none !important; margin: 0 !important;
    object-fit: cover !important; object-position: center 35% !important;
  }
}

}

/* dmx-imgswatch 2026-10-21: square pattern swatches cropped from each colorway photo (sweaters) */
.color-swatch.color-swatch--dmx-img{border-radius:4px!important;background-size:cover;background-position:center;background-color:#fff}
.color-swatch.color-swatch--dmx-img:before{border-radius:4px!important;border-width:2px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}
.variant__button-label.color-swatch--dmx-img{width:48px;height:48px}
.grid-product__colors .color-swatch--small.color-swatch--dmx-img{width:30px;height:30px;margin:0 3px 3px}
.grid-product__colors .color-swatch--small.color-swatch--dmx-img:before{border-width:1px!important}