/* gt-theme.v2 — release 1 frame fix
   More Options badge is the live canary rule, color only.
   The frame grows with a portrait so the whole photo stays visible.
   No crop, no stretch, no enlargement of a small file.
   No JavaScript. Homepage .gt-feat and .gt-shop are not selected. */

/* gt-theme-canary.v1 — More Options badge color only */
html body .cItemDivContainer:has(a[href*="-x104751375.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104751379.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104751406.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104751396.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104742038.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104742169.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104742188.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104742196.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104742202.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104751402.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104751008.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104751003.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104750999.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104744058.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104744045.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104744018.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104743992.htm"]) .cItemType:after,
html body .cItemDivContainer:has(a[href*="-x104743974.htm"]) .cItemType:after{
color:#8a6d29
}

/* Product-card frame. Contain and centered. The box follows the photo.
   Portrait frames may be taller. Small files stay their own size.
   Placeholders stay visible. No clipping. */
html body .cItemDivContainer .cItemDiv{
height:auto;
padding-bottom:18px
}
html body .cItemDivContainer .cItemDiv .cItemImageDiv{
display:grid;
place-items:center;
width:100%;
height:auto;
min-height:0;
background:#f6f3ee;
box-sizing:border-box;
overflow:visible
}
html body .cItemDivContainer .cItemDiv .cItemImageDiv>a{
display:grid;
place-items:center;
width:100%;
height:auto;
min-height:0;
min-width:0
}
html body .cItemDivContainer .cItemDiv img.cItemImage{
width:auto;
height:auto;
max-width:100%;
object-fit:contain;
object-position:center center
}

/* Spacing only. Titles, prices, sale marks, and order stay as authored. */
html body .cItemDivContainer .cItemTitleDiv,
html body .cItemDivContainer .cItemTitle{
margin-top:10px
}
html body .cItemDivContainer .cItemPrice{
margin-top:6px
}
html body .cItemDivContainer .cItemType{
margin-top:6px
}

/* Mobile: release the fixed style-tile height so products start sooner.
   Category title, intro, and filter/sort stay. Product photos are not clipped. */
@media (max-width:767px){
html body .cCategoryDivContainer .cCategoryDiv{
height:auto
}
html body .cCategoryDivContainer .cItemImageDiv{
height:auto;
max-height:none;
overflow:visible
}
html body .cCategoryDivContainer img.cItemImage{
width:auto;
height:auto;
max-width:100%;
max-height:120px;
object-fit:contain;
object-position:center center
}
html body .gt-cat-intro{
margin-bottom:10px
}
html body .cItemDivContainer .cItemDiv{
padding-bottom:12px
}
}
/* PDP buy box. Presentation only. Identifier rows are hidden visually. Data stays in the page. */
html body #basic-product-pricing tr:has(> td > b):not(:has([id^="spanPrice"])):not(:has(select[id^="integer"])):not(:has(.bnpl-messages)):not(:has([id^="add-to-cart-btn"])):not(:has(textarea)){
display:none
}
html body #basic-product-pricing tbody{
display:flex;
flex-direction:column
}
html body #basic-product-pricing tr:has([id^="spanPrice"]){order:1}
html body #basic-product-pricing tr:has(.bnpl-messages){order:2;margin-top:8px}
html body #basic-product-pricing tr:has(select[id^="integer"]){order:3;margin-top:8px}
html body #basic-product-pricing tr:has([id^="add-to-cart-btn"]){order:4;margin-top:12px}
html body #basic-product-pricing [id^="spanPrice"]:not([id^="spanPriceLabel"]){
font-size:28px;
line-height:1.2;
color:#1a1a1a
}
html body #basic-product-pricing select[id^="integer"]{
height:44px;
width:92px;
padding:0 10px;
font-size:16px;
color:#1a1a1a;
background:#fff;
border:1px solid #cfc6b8;
box-sizing:border-box
}
html body #main-website-content #basic-product-pricing a.btn-add-to-cart{
background:#1a1a1a !important;
color:#f7f4ee !important;
padding:14px 28px !important;
min-height:48px;
border:0
}
html body #main-website-content #basic-product-pricing a.btn-add-to-cart:hover{
background:#2c2c2c !important;
color:#fff !important
}
html body #basic-product-pricing .bnpl-messages,
html body .gt-pdp-financing{
margin-top:8px;
line-height:1.45
}
html body img[id^="productImage"]{
width:auto;
height:auto;
max-width:100%;
object-fit:contain;
object-position:center center
}
@media (max-width:767px){
html body img[id^="productImage"]{
max-height:280px
}
html body #basic-product-pricing [id^="spanPrice"]:not([id^="spanPriceLabel"]){font-size:24px}
html body #main-website-content #basic-product-pricing a.btn-add-to-cart{width:100%}
}

/* PDP presentation. Gallery and buy box only. Stored product text is not rewritten. */
html body #product-app > br{display:none}
html body #product-app .gt-v4-stage{
clear:both;
width:100%;
float:none
}
html body #product-app .gt-v4-story{
clear:both;
width:100%;
float:none;
margin-top:28px
}
html body #product-app .gt-v4-title{
margin:0 0 12px;
font-size:28px;
line-height:1.25;
color:#1a1a1a
}
html body #product-app .gt-v4-gallery{
min-height:0
}
html body #product-app .gt-v4-gallery a[class*="productImage"]{
display:block;
max-width:100%
}
html body #product-app img[id^="productImage"]{
width:auto;
height:auto;
max-width:100%;
object-fit:contain;
object-position:center center
}
html body #product-app .gt-v4-finance{
margin-top:8px;
font-size:14px;
line-height:1.45;
color:#1a1a1a
}
html body #product-app .gt-v4-finance a{
color:#1a1a1a;
font-size:14px;
text-decoration:underline;
text-underline-offset:3px
}
html body #product-app .gt-v4-flex-dup{display:none}
html body #product-app .gt-v4-confidence{
margin:14px 0 0;
font-size:14px;
line-height:1.45;
color:#1a1a1a
}
html body #product-app .gt-pdp-help{
max-width:none;
margin-top:12px;
font-size:14px;
line-height:1.45;
color:#3a3a3a
}
html body #product-app .gt-v4-h{
margin:0 0 8px;
font-size:18px;
line-height:1.3;
color:#1a1a1a
}
html body #product-app .gt-v4-overview,
html body #product-app .gt-v4-details{
margin-top:8px
}
html body #product-app .gt-v4-acc{
border-top:1px solid #e4ddd2;
margin:0
}
html body #product-app .gt-v4-acc summary{
padding:12px 0;
font-size:15px;
color:#1a1a1a;
cursor:pointer
}
html body #product-app .gt-v4-keep{
margin-top:16px;
font-size:14px;
line-height:1.45
}
html body #basic-product-pricing tr:has(select):not(:has(select[id^="integer"])){
display:block;
order:3;
margin-top:8px
}
html body #basic-product-pricing tr:has(select[id^="integer"]){order:4}
html body #basic-product-pricing tr:has([id^="add-to-cart-btn"]){order:5}
@media (min-width:992px){
html body #product-app .gt-v4-stage{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
column-gap:36px;
align-items:start
}
html body #product-app .gt-v4-gallery,
html body #product-app .gt-v4-buycol,
html body #product-app .gt-v4-stage .col-xs-12,
html body #product-app .gt-v4-stage .col-md-6{
width:auto !important;
max-width:none !important;
float:none !important;
padding-left:0;
padding-right:0
}
html body #product-app .gt-v4-buycol{
position:sticky;
top:16px;
align-self:start
}
html body #product-app img[id^="productImage"]{
max-height:75vh
}
}
@media (max-width:991px){
html body #product-app .gt-v4-stage{
display:flex;
flex-direction:column
}
html body #product-app .gt-v4-buycol{display:contents}
html body #product-app .gt-v4-title{order:1}
html body #product-app .gt-v4-gallery{order:2}
html body #product-app #productPricing{order:3}
html body #product-app .gt-pdp-help{order:4}
html body #product-app .gt-v4-buycol,
html body #product-app #productPricing{
position:static;
top:auto
}
html body #product-app .gt-v4-title{font-size:24px}
}
