/* Product page. Purchase UI is the shared quick-order component (pack-picker.phtml) posting Magento's own add-to-cart.
   Colours come from the brand theme on brand pages. */
.catalog-product-view .page-main{padding-top:clamp(16px,2.5vw,32px)}
/* Image panel (media.phtml): the product's portrait photo at its native width, with the shop-card layout on it (brand
   top left, size top right, name bottom right) over soft top/bottom shades. It stays in view while the info column
   scrolls. The h1 stays in the info column, visually hidden. */
.catalog-product-view .product.media{background:none;padding:0}
.gt-product-top{display:flow-root}  /* contains the floated info column; bounds the sticky photo */
@media (min-width:768px){
body.catalog-product-view .product.media{width:340px;position:sticky;top:calc(var(--gt-header-slim) + 16px)}
body.catalog-product-view .product-info-main{float:right;width:calc(100% - 340px - clamp(32px,5vw,72px))}
body.catalog-product-view .product-info-main>*{max-width:680px}
}
.gt-cigar-visual--page{display:block;min-height:0;padding:0;max-width:340px}
.gt-cigar-visual--page img{display:block;width:100%;height:auto;aspect-ratio:auto;filter:none}
.gt-cigar-visual--page:hover img{transform:none}
.gt-cigar-visual--page:before,.gt-cigar-visual--page:after{content:"";position:absolute;left:0;right:0;pointer-events:none}
.gt-cigar-visual--page:before{top:0;height:30%;background:linear-gradient(rgba(0,0,0,.6),transparent)}
.gt-cigar-visual--page:after{bottom:0;height:24%;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.gt-cigar-visual--page .gt-cigar-top,.gt-cigar-visual--page .gt-cigar-name{z-index:1}
.gt-cigar-visual--page .gt-cigar-top{top:16px;left:16px;right:16px}
.gt-cigar-visual--page .gt-cigar-brand{font-size:11px}
.gt-cigar-visual--page .gt-cigar-brand .gt-demo-tag{font-size:9px}
.gt-cigar-visual--page .gt-cigar-size{flex-direction:column;gap:8px}
.gt-cigar-visual--page .gt-cigar-size dt{font-size:9px}
.gt-cigar-visual--page .gt-cigar-size dd{font-size:17px}
.gt-cigar-visual--page .gt-cigar-size .gt-metric{font-size:11px}
.gt-cigar-visual--page .gt-cigar-name{left:16px;right:16px;bottom:16px;font-size:34px}
.catalog-product-view .product-info-main .page-title-wrapper{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Info column: tagline, then buy, then specifications */
.gt-product-tagline{font-style:italic;font-size:19px;color:var(--gt-ink-2);margin:0}

/* Purchase: the shared quick-order component (pack-picker.phtml), page size; styles in gt-commerce.css */
.gt-pack-form--page{margin:24px 0 0;padding:22px 0 0;border-top:1px solid var(--gt-line)}

/* Purchase notes */
.gt-product-aside{margin:22px 0 0}
.gt-product-notes{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px;font:14px/1.5 var(--gt-sans);color:var(--gt-ink-2)}
.gt-product-notes li{position:relative;padding-left:18px;margin:0}
.gt-product-notes li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-right:1.5px solid var(--gt-bronze-ink);border-bottom:1.5px solid var(--gt-bronze-ink);transform:rotate(-45deg)}
.gt-product-maker-note{font:14px/1.6 var(--gt-sans);color:var(--gt-muted);border-top:1px solid var(--gt-line);padding-top:16px;margin:0}
.gt-product-maker-note a,.gt-product-maker-note a:visited{color:var(--gt-bronze-ink)}

/* Specifications: in the info column, under Add to cart. More from {brand}: full width under the product. */
.gt-product-specs{margin:24px 0 0;padding:22px 0 0;border-top:1px solid var(--gt-line)}
.gt-product-specs .gt-eyebrow{margin:0 0 8px}
.gt-product-description{color:var(--gt-ink-2);margin:0 0 16px;font-size:16px}
.gt-spec-list{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--gt-line)}
.gt-spec-list>div{padding:14px 16px 14px 0;border-bottom:1px solid var(--gt-line)}
.gt-spec-list dt{font:600 10px var(--gt-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gt-muted);margin:0 0 4px}
.gt-spec-list dd{margin:0;font-size:17px;color:var(--gt-ink)}
.gt-spec-guide{margin:14px 0 0;font:14px var(--gt-sans)}
.gt-spec-guide a,.gt-spec-guide a:visited{color:var(--gt-bronze-ink);text-underline-offset:3px}
.gt-product-more{clear:both;padding:clamp(28px,3.5vw,44px) 0 clamp(32px,4vw,52px)}
.gt-product-more .gt-shop-heading{justify-content:space-between}
.gt-product-more .gt-catalog-rows{margin:0}

.gt-product-catalog{margin:12px 0 0;font:14px var(--gt-sans)}
.gt-product-catalog a,.gt-product-catalog a:visited{color:var(--gt-bronze-ink);text-underline-offset:3px}
body:has([data-gt-brand]).catalog-product-view .gt-product-catalog a{color:var(--gt-on-dark)}

/* The cigar's story (story.phtml, description HTML from install.php): art left, text right; stacked on phones. */
.gt-story{clear:both;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4.5vw,72px);align-items:center;margin:clamp(28px,3.5vw,44px) 0 0;padding:clamp(28px,3.5vw,44px) 0 0;border-top:1px solid var(--gt-line)}
.gt-story-art{margin:0}
.gt-story-art img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.gt-story-text{max-width:620px}
.gt-story .gt-eyebrow{margin:0 0 10px}
.gt-story h2{font:400 clamp(28px,3.2vw,40px)/1.15 var(--gt-serif);color:var(--gt-ink);margin:0 0 20px}
.gt-story-text p:not(.gt-eyebrow){font-size:17px;line-height:1.7;color:var(--gt-ink-2);margin:0 0 14px}
.gt-story-text .gt-story-signature{font:italic 20px var(--gt-serif);color:var(--gt-ink);margin:22px 0 0}
body:has([data-gt-brand]).catalog-product-view .gt-story{border-top-color:var(--gt-on-dark-line)}
body:has([data-gt-brand]).catalog-product-view .gt-story .gt-eyebrow{color:var(--gt-on-dark-2)}
body:has([data-gt-brand]).catalog-product-view .gt-story-text p:not(.gt-eyebrow){color:var(--gt-on-dark)}
body:has([data-gt-brand]).catalog-product-view :is(.gt-story h2,.gt-story-text .gt-story-signature){color:#fff}

@media (max-width:767px){
.gt-story{grid-template-columns:minmax(0,1fr)}
.gt-brand-bar-ctas .gt-brand-bar-cta--catalog{grid-column:1/-1;min-height:36px;border-color:transparent;background:transparent;color:var(--gt-bar-ink);text-decoration:underline;text-underline-offset:3px}  /* brand catalog under the two buttons */
.gt-product-top{display:flex;flex-direction:column}
.gt-product-top .product.media{order:-1;margin-bottom:20px}
.gt-cigar-visual--page{max-width:none;background:var(--gt-espresso)}
.gt-cigar-visual--page img{width:auto;max-width:100%;max-height:440px;margin:0 auto}
.gt-spec-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}