/* Penn Dutch mockup presentation. Client View continues to own catalog behavior. */
:root{--pd-brown:#6b3b2d;--pd-content:1200px}
.pd-header{position:relative;z-index:30;background:#fff;color:#111;font-family:Arial,sans-serif}
.pd-header *{box-sizing:border-box}
.pd-header a{text-decoration:none;color:inherit}
.pd-header__row{width:min(var(--pd-content),calc(100% - 48px));min-height:clamp(120px,9.42vw,193px);margin:auto;display:flex;align-items:center;gap:24px}
.pd-header__logo{width:225px;flex-shrink:0}
.pd-header__logo img{display:block;width:100%;height:auto;max-width:100%}
.pd-header__search{flex:1;min-width:150px;position:relative}
.pd-header .vuer-search__input{border:2px solid #222;border-radius:6px;color:#111;background:white;font-size:14px;height:44px}
.pd-header .vuer-search__submit{background:transparent;border:0;color:#111;height:44px;width:44px}
.pd-header__contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--pd-brown);font-size:13px;font-weight:600;white-space:nowrap;line-height:1.3}
.pd-header__contact a:last-child{text-decoration:underline}
.pd-quote{display:inline-flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap;background:var(--pd-brown);color:#fff!important;border-radius:5px;min-height:44px;padding:10px 17px;font-size:17px;line-height:1.3}
.pd-quote__count{display:inline-flex;border-radius:50%;background:#ffffff80;color:#fff;min-width:19px;height:19px;align-items:center;justify-content:center;font-size:12px;padding:0 4px}
.pd-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:8px;border:0;background:none!important;padding:5px;width:44px;height:44px;flex-shrink:0}
.pd-menu-toggle span{width:32px;height:2px;background:#111;display:block}
.pd-category-nav{background:var(--pd-brown);position:relative}
.pd-category-nav>ul{display:flex;justify-content:space-between;max-width:var(--pd-content);margin:0 auto;padding:0;list-style:none}
.pd-category{list-style:none;display:flex;align-items:center}
.pd-category__link{color:#fff!important;font-size:18px;line-height:1.3;padding:8px 20px;display:block}
.pd-category__toggle{color:white;background:none;border:0;padding:0 8px 0 0;opacity:0;width:12px;min-height:36px}
.pd-category__toggle:focus-visible{opacity:1}
.pd-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(var(--pd-content),calc(100vw - 48px));padding:40px 45px;display:none;grid-template-columns:1fr 1fr;gap:40px;background:white;box-shadow:0 2px 4px #00000010}
.pd-category.is-open .pd-mega{display:grid}
.pd-mega__links{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,1fr);grid-template-columns:1fr 1fr;gap:18px 26px;margin:0;padding:0;list-style:none;align-content:start}
.pd-mega__links li{list-style:none}
.pd-mega__links a{display:block;padding:15px 0;font-size:20px;line-height:1.4}
.pd-mega a:hover,.pd-mobile-menu a:hover{text-decoration:underline}
.pd-mega__image img{display:block;width:100%;height:100%;max-height:375px;object-fit:cover;aspect-ratio:1.5}
.pd-mobile-menu{position:absolute;top:100%;right:max(24px,calc((100% - var(--pd-content))/2));width:400px;max-width:100%;background:white;padding:20px 30px;box-shadow:0 3px 5px #00000010;max-height:calc(100dvh - 140px);overflow:auto}
.pd-mobile-menu[hidden]{display:none}
.pd-mobile-menu__page>span{display:none}
@media(min-width:901px){
 .pd-mobile-menu{top:calc(clamp(120px,9.42vw,193px)/2 + 30px);width:300px;padding:12px 24px}
 .pd-mobile-menu>details{display:none}
}
.pd-mobile-menu summary,.pd-mobile-menu__page{display:flex;justify-content:space-between;align-items:center;min-height:55px;cursor:pointer;font-size:18px;font-weight:600;list-style:none}
.pd-mobile-menu summary::-webkit-details-marker{display:none}
.pd-mobile-menu summary:after{content:'';width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin-right:4px}
.pd-mobile-menu details[open] summary:after{transform:rotate(225deg)}
.pd-mobile-menu ul{list-style:none;margin:0;padding:0 0 10px 15px}
.pd-mobile-menu li{list-style:none}
.pd-mobile-menu li a{display:block;padding:10px 0;font-size:16px}
.pd-header :focus-visible{outline:2px solid var(--pd-brown);outline-offset:4px}
.pd-category-nav :focus-visible{outline-color:#e2ad62}
/* Match the product mockup while retaining the plugin's native responsive layout. */
.vue-plugin-shell{padding:80px 24px 50px;color:#111}
body:not(.fullwidth) .site-inner:has(.vue-plugin-shell){width:100%;max-width:none;padding:0;margin:0}
.vue-plugin-shell{width:100%;max-width:1248px;margin:0 auto}
#vue-plugin-app .product-information{margin-top:15px}
#vue-plugin-app .product-breadcrumbs{display:none}
#vue-plugin-app .product-hero{grid-template-rows:0 minmax(0,1fr)}
#vue-plugin-app .description-dropdown>.product-dropdown__toggle{display:none}
#vue-plugin-app .description-dropdown__content{display:block!important;white-space:pre-line;border:0;padding:0;line-height:1.65}
#vue-plugin-app .pd-manufacturer{font-weight:700;margin:0}
#vue-plugin-app .pd-more-options{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--pd-brown);border-radius:5px;color:var(--pd-brown);background:white;font-weight:700;text-decoration:none;margin:5px 0 20px;padding:8px 16px}
#vue-plugin-app .pd-builder-code{color:var(--pd-brown);font-size:16px;margin:10px 0 0}
#vue-plugin-app .vuer-product-image-trigger{position:relative}
#vue-plugin-app .vuer-product-image-trigger:after{content:'';position:absolute;right:4px;top:0;width:40px;height:40px;border:1px solid #333;border-radius:50%;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E") center/22px no-repeat}
#vue-plugin-app{font-family:Arial,sans-serif;font-size:18px;line-height:1.5;margin-inline:auto}
#vue-plugin-app h1{font-family:inherit;color:#080808;font-size:32px;line-height:1.2;font-weight:700;margin:0 0 10px}
#vue-plugin-app .product-desktop-sticky-boundary{column-gap:50px;row-gap:20px}
#vue-plugin-app .vuer-product-builders{color:var(--pd-brown);border:1px solid var(--pd-brown);border-radius:5px;padding:8px 12px;text-align:center;font-size:18px;font-weight:700;margin:0 0 12px}
#vue-plugin-app .vuer-product-builders a{text-decoration:none}
#vue-plugin-app .product-add-to-cart{background:var(--pd-brown);border-color:var(--pd-brown);color:white;border-radius:5px;max-width:100%;text-transform:uppercase;font-size:18px;min-height:44px;padding:9px 16px}
/* The reference bookcase asset has wide white side margins. Crop only those margins,
   leaving other catalog images and this product's alternate photo untouched. */
@media(min-width:901px){#vue-plugin-app .product-hero__main-img img[src$="2773f247afc3dd21660e474a2b1e9b7ca46ad862509a4986b3bf197e5e4f577e.webp"]{height:710px;object-fit:cover}}
#vue-plugin-app .product-options .description-dropdown,#vue-plugin-app .product-variation-options{max-width:100%}
@media(max-width:1100px) and (min-width:901px){.pd-header__row{gap:16px}.pd-header__logo{width:180px}.pd-header__contact{display:none}}
@media(max-width:900px){
 .pd-header__row{width:100%;padding:20px 3.3% 16px;min-height:0;display:grid;grid-template-columns:1fr auto 36px;gap:18px 16px}
 .pd-header__logo{width:clamp(125px,30vw,250px)}
 .pd-header__contact,.pd-category-nav{display:none}
 .pd-header__search{grid-row:2;grid-column:1/-1;width:100%;min-width:0}
 .pd-header .vuer-search__input{font-size:16px;height:44px;border-width:1.5px}
 .pd-quote{font-size:14px;gap:12px;min-height:40px;padding:9px 12px}
 .pd-menu-toggle{width:36px;padding:2px;gap:7px}
 .pd-menu-toggle span{width:30px}
 .pd-mobile-menu{top:100%;left:0;right:0;width:100%;padding:5px 7.2% 16px;box-shadow:none;max-height:calc(100dvh - 100px)}
 .pd-mobile-menu summary,.pd-mobile-menu__page{font-size:18px;min-height:52px}
 .pd-header.menu-open .pd-header__search{visibility:hidden}
 .pd-header.menu-open .pd-mobile-menu{top:calc(100% - 62px)}
 .home .wp-block-genesis-blocks-gb-columns:has(.wp-image-189450){width:100%;max-width:none;padding-inline:3.3%!important}
 .home .gb-layout-column-wrap:has(.wp-image-189450){display:grid;grid-template-areas:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6.6vw;width:100%;max-width:none!important}
 .home .gb-layout-column-wrap:has(.wp-image-189450)>.gb-block-layout-column{grid-area:auto;width:100%;min-width:0;margin:0}
 .vue-plugin-shell{padding:35px 20px}
 #vue-plugin-app{font-size:16px}
 #vue-plugin-app h1{font-size:28px}
}
@media(min-width:600px) and (max-width:900px){.pd-header__row{padding-top:40px;padding-bottom:18px;gap:30px 16px}.pd-quote{font-size:18px;padding:13px 16px}.pd-mobile-menu summary,.pd-mobile-menu__page{font-size:23px;min-height:63px}.pd-mobile-menu{max-height:calc(100dvh - 150px)}.pd-header.menu-open .pd-mobile-menu{top:calc(100% - 74px)}}