/* Theme Name: Delos & Pallas Theme URI: Author: Mr Cat Author URI: Description: Luxury watch brand theme with WooCommerce integration. Dark, minimal, modern design. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.5 Requires PHP: 8.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: delos-pallas Tags: e-commerce, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce WooCommerce tested up to: 8.5 */ /* Mechanical Portrait — shared visual system and homepage, 11 October 2026 */ :root{--gold:#c7c3b8;--gold-light:#f4f0e7;--gold-glow:rgba(218,222,225,.1);--dark:#0c1d2a;--dark-secondary:#102433;--dark-card:#132837;--glass:rgba(234,239,241,.04);--glass-border:rgba(223,228,232,.2);--text-light:#f4f0e7;--text-muted:#c2c9cd;--text-dim:#a6b4bd;--mp-ink:#102332;--mp-ivory:#f4f1eb;--mp-rule:rgba(223,228,232,.23)} body{background:var(--dark);font-size:15px;line-height:1.7}h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{outline-offset:5px}:focus-visible{outline:2px solid currentColor}.cursor-glow{display:none!important}.reveal{opacity:1!important;transform:none!important}html{scroll-padding-top:110px}.mp-skip-link{position:fixed;left:16px;top:-100px;z-index:100001;background:var(--mp-ivory);color:var(--mp-ink);padding:12px 20px}.mp-skip-link:focus{top:42px} .site-header,.site-header.scrolled{height:88px;padding:0 clamp(22px,4vw,72px);background:#0c1d2af7;border-bottom:1px solid var(--mp-rule);box-shadow:none;backdrop-filter:blur(12px)}.admin-bar .site-header{top:32px}.logo{flex:0 0 auto;font-size:22px;line-height:1}.mp-wordmark{font-family:Georgia,'Times New Roman',serif;letter-spacing:.13em;font-size:21px;font-weight:400!important;white-space:nowrap;color:var(--text-light)}.mp-wordmark span{padding:0 .12em}.main-nav a{font-size:10px;letter-spacing:.15em}.main-nav .nav-list{gap:28px}.header-actions{gap:19px}.header-icon{font-size:15px}.cart-count{background:var(--mp-ivory);color:var(--mp-ink)}.mp-market-menu{position:relative;font-size:11px;white-space:nowrap}.mp-market-menu summary{cursor:pointer;list-style:none;padding:12px 0}.mp-market-menu summary::-webkit-details-marker{display:none}.mp-market-menu summary span{margin-left:8px}.mp-market-panel{position:absolute;top:46px;right:0;width:340px;max-width:calc(100vw - 32px);padding:24px;background:#122936;border:1px solid #65727b;box-shadow:0 20px 60px #0004;white-space:normal}.mp-market-panel p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}.mp-market-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;color:#fff}.mp-market-panel small{display:block;font-size:10px;color:#c6d1d8;line-height:1.6;margin-top:18px}.mobile-menu-overlay{background:#0c1d2a}.search-overlay{background:#0c1d2afc}.mobile-menu-inner{padding:110px 28px 40px}.search-input{color:var(--mp-ivory)}.mobile-nav-list a{font-family:Georgia,serif}.mobile-menu-toggle{z-index:1010}.site-header .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.site-header .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)} .mp-home{padding-top:88px}.mp-kicker{display:block;font-size:10px;letter-spacing:.23em;line-height:1.7;text-transform:uppercase}.mp-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:13px 0;line-height:1.5;min-height:44px}.mp-link span{font-size:20px;line-height:1}.mp-link:hover{opacity:.75}.mp-hero{display:grid;grid-template-columns:62% 38%;min-height:600px;height:calc(100svh - 88px);max-height:880px;position:relative;background:#102331}.mp-hero-photo{position:relative;overflow:hidden;background:#25282a;display:block}.mp-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.85);transform-origin:50% 46%}.mp-hero-copy{padding:clamp(40px,6vw,94px) clamp(28px,5vw,80px);align-self:center}.mp-hero-copy h1{font-size:clamp(58px,6.7vw,110px);line-height:.94;letter-spacing:-.035em;margin:28px 0 30px}.mp-hero-copy p{font-size:12px;color:#c8d0d4;line-height:1.8;margin-bottom:20px}.mp-hero-caption{position:absolute;bottom:0;left:0;width:100%;padding:18px 4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;background:linear-gradient(transparent,#07141ae0)} .mp-references{background:var(--mp-ivory);color:var(--mp-ink);padding:90px clamp(24px,5vw,90px);display:grid;grid-template-columns:1.3fr 1fr;gap:38px 70px}.mp-section-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:24px;border-bottom:1px solid #15293935;padding-bottom:34px;margin-bottom:6px}.mp-section-intro h2{font-size:clamp(34px,3.6vw,58px);line-height:1.05;letter-spacing:-.025em}.mp-section-intro p{font-size:12px;max-width:260px}.mp-reference{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;min-width:0}.mp-watch-image{display:block;background:#25282a;overflow:hidden}.mp-watch-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.mp-reference-copy h3{font-size:clamp(48px,5.5vw,82px);line-height:1;margin:18px 0}.mp-reference-copy>p{font-size:11px;line-height:1.9;margin-bottom:24px}.mp-reference-copy dl{font-size:10px;margin:24px 0 12px}.mp-reference-copy dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #162a3c29;padding:7px 0}.mp-reference-copy dd{margin:0;text-align:right}.mp-detail-story{display:grid;grid-template-columns:60% 40%;min-height:520px}.mp-detail-photo{overflow:hidden;background:#25282a;position:relative}.mp-detail-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transform:scale(1.6)}.mp-detail-copy{padding:70px clamp(28px,5vw,80px);align-self:center}.mp-detail-copy h2{font-size:clamp(46px,5vw,76px);line-height:1.02;margin:26px 0}.mp-detail-copy p{font-size:12px;max-width:300px;color:var(--text-muted);margin-bottom:22px}.mp-catalog-intro{display:flex;align-items:end;justify-content:space-between;padding:85px 5vw 0}.mp-catalog-intro h2{font-size:clamp(38px,4vw,64px);line-height:1.1;margin-top:20px}.mp-home .products-section{padding:40px 5vw 85px}.mp-home .products-section>.section-header{display:none}.mp-home .product-card{border:0;border-radius:0;background:transparent}.mp-home .product-image{background:#25282a;border-radius:0}.mp-home .product-image img{object-fit:contain}.mp-home .product-info{padding:22px 0}.mp-home .product-info h4{font-size:22px;line-height:1.2}.mp-home .product-info .price-row{border-top:1px solid var(--mp-rule);padding-top:14px;margin-top:20px}.mp-home .product-collection{font-size:9px;color:var(--text-muted)}.mp-home .add-btn{border-radius:0;background:transparent;color:var(--mp-ivory);border:1px solid var(--mp-rule)}.mp-contact-band{text-align:center;padding:90px 24px;background:var(--mp-ivory);color:var(--mp-ink);border-bottom:1px solid #10233226}.mp-contact-band h2{font-size:clamp(38px,4.5vw,70px);margin:16px 0}.mp-contact-band p{font-size:12px;margin-bottom:24px}.newsletter-section{background:#102432;border-top:1px solid var(--mp-rule);padding:65px 24px}.newsletter-section h2{font-size:40px}.newsletter-section .newsletter-form button{background:var(--mp-ivory);color:var(--mp-ink);border-radius:0} .mp-footer{padding:65px 5vw 24px;background:#081823;border-top:1px solid var(--mp-rule)}.mp-footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:44px;border-bottom:1px solid var(--mp-rule)}.mp-footer-top p{font:24px Georgia,serif;color:#cad0d1}.mp-footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:35px;padding:44px 0}.mp-footer-columns h2{font:10px 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.2em;margin:0 0 20px;color:#f4f1eb}.mp-footer-columns ul{margin:0;padding:0;list-style:none}.mp-footer-columns li{font-size:12px;margin:8px 0;color:#c0cbd0}.mp-footer-columns a:hover{text-decoration:underline}.mp-footer-markets ul{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.mp-footer .footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--mp-rule);padding-top:22px;color:#b6c3cc;font-size:10px}.mp-footer .footer-bottom p{margin:0}.mp-footer .mp-link{font-size:10px;letter-spacing:.04em;text-transform:none}.mini-cart-panel{background:#0c1d2a} @media(min-width:1600px){.mp-hero-photo img{transform:scale(1.65)}} @media(max-width:1100px){.main-nav .nav-list{gap:15px}.main-nav a{font-size:9px}.header-actions{gap:13px}.mp-wordmark{font-size:18px}.mp-hero{min-height:520px}.mp-hero-copy h1{font-size:68px}.mp-references{gap:40px}.mp-reference{grid-template-columns:1fr}.mp-watch-image img{max-height:420px}.mp-reference-copy h3{font-size:60px}.mp-section-intro{grid-template-columns:1fr 2fr}.mp-section-intro p{grid-column:2}.mp-footer-top{flex-wrap:wrap}.mp-footer-top p{font-size:20px}} @media(max-width:780px){.site-header,.site-header.scrolled{height:70px;padding:0 20px}.main-nav{display:none}.mp-home{padding-top:70px}.mp-wordmark{font-size:17px}.mp-market-menu{font-size:10px}.header-actions{gap:14px}.mp-market-panel{right:-40px;width:300px}.mp-hero{height:auto;min-height:0;grid-template-columns:1fr}.mp-hero-photo{height:480px}.mp-hero-photo img{transform:scale(1.55);object-position:50% 43%}.mp-hero-copy{padding:34px 26px 80px}.mp-hero-copy h1{font-size:64px;line-height:.95;margin:20px 0}.mp-hero-copy h1 br{display:none}.mp-hero-copy h1{max-width:340px}.mp-hero-caption{padding:14px 26px;font-size:8px}.mp-references{padding:55px 24px;gap:45px 24px}.mp-section-intro{grid-template-columns:1fr;gap:16px}.mp-section-intro p{grid-column:auto}.mp-section-intro h2{font-size:40px}.mp-reference{gap:20px}.mp-reference-copy h3{font-size:48px}.mp-reference-copy>p{font-size:10px}.mp-reference-copy dl>div{flex-direction:column;gap:0}.mp-reference-copy dd{text-align:left}.mp-reference .mp-link{font-size:9px;gap:10px}.mp-detail-story{grid-template-columns:1fr}.mp-detail-photo{height:420px}.mp-detail-copy{padding:44px 26px 54px}.mp-detail-copy h2{font-size:56px}.mp-catalog-intro{padding:55px 24px 0;display:block}.mp-catalog-intro .mp-link{margin-top:22px}.mp-home .products-section{padding:30px 24px 45px}.mp-home .products-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.mp-home .product-info h4{font-size:20px}.mp-home .product-info .price{font-size:14px}.mp-contact-band{padding:60px 24px}.mp-footer{padding:45px 24px 25px}.mp-footer-top{display:block}.mp-footer-top p{margin:24px 0 10px}.mp-footer-columns{grid-template-columns:1fr 1fr;gap:32px 20px}.mp-footer-markets{grid-column:1/-1}.mp-footer .footer-bottom{display:block;font-size:9px}.mp-footer .footer-bottom span{display:block;margin-top:8px}.newsletter-section{padding:45px 24px}.newsletter-section h2{font-size:34px}} @media(max-width:480px){.mp-hero-photo{height:350px}.mp-hero-copy h1{font-size:52px}.mp-market-menu summary{font-size:9px}.mp-wordmark{font-size:15px}.mp-reference{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:22px}.mp-reference-copy dl>div{display:block}.mp-reference-copy h3{font-size:46px}.mp-reference-copy>p{margin-bottom:10px}.mp-reference-copy dl{margin:12px 0}.mp-watch-image img{height:300px;object-fit:cover}.mp-detail-photo{height:310px}.mp-hero-caption{letter-spacing:.1em}.mp-home .product-info h4{font-size:18px}.mp-footer-columns li{font-size:11px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} .mp-product-reference{font:400 clamp(48px,6vw,84px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:14px 0 22px}.mp-product-enquiry{margin:28px 0 0}.mp-enquire-button{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--mp-ivory);color:var(--mp-ink);font-size:11px;letter-spacing:.1em;text-transform:uppercase;min-height:52px}.mp-enquire-button:hover{background:#e0dcd3}.mp-support-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px;font-size:10px;color:var(--text-muted)}.mp-support-links a{text-decoration:underline;text-underline-offset:4px} /* Preserve current content and destination URLs; only change visual composition. */ .mp-preserved-home{padding-top:88px}.mp-preserved-hero.hero{height:calc(100svh - 88px);min-height:560px;max-height:880px;display:grid;grid-template-columns:62% 38%;text-align:left;align-items:stretch;background:#102331;overflow:hidden}.mp-existing-watch-photo{position:relative;overflow:hidden;background:#25282a}.mp-existing-watch-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;transform:scale(1.85);transform-origin:50% 46%}.mp-preserved-hero .hero-video,.mp-preserved-hero .hero-overlay{display:none}.mp-preserved-hero .hero-content{position:relative;inset:auto;transform:none;align-self:center;text-align:left;padding:48px clamp(28px,4vw,70px);width:auto;max-width:none;opacity:1;animation:none}.mp-preserved-hero .hero-eyebrow{font-size:9px;line-height:1.9;letter-spacing:.19em;color:#c2cbd1;margin:0 0 26px;animation:none;opacity:1}.mp-preserved-hero .hero-title{font:400 clamp(46px,5.5vw,92px)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:0 0 30px;animation:none;opacity:1;color:#f4f1eb}.mp-preserved-hero .hero-title .gold{color:inherit}.mp-preserved-hero .hero-tagline{font-size:10px;letter-spacing:.15em;line-height:1.9;margin:0 0 24px;animation:none;opacity:1}.mp-preserved-hero .btn-luxury{font-size:9px;letter-spacing:.12em;padding:14px 0;border:0;border-bottom:1px solid #c8d2d6;min-height:44px;border-radius:0;animation:none;opacity:1;background:transparent}.mp-preserved-hero .hero-scroll-indicator{left:36px;bottom:24px;transform:none}.mp-preserved-home .products-section{background:#f4f1eb;color:#102332;padding:80px 5vw}.mp-preserved-home .products-section .eyebrow,.mp-preserved-home .products-section .subtitle,.mp-preserved-home .products-section .product-collection,.mp-preserved-home .products-section .model{color:#4e6070}.mp-preserved-home .products-section .section-header h2,.mp-preserved-home .products-section .product-info h4,.mp-preserved-home .products-section .price{color:#102332}.mp-preserved-home .product-card{border:0;border-radius:0;background:transparent}.mp-preserved-home .product-image{background:#25282a;border-radius:0}.mp-preserved-home .product-image img{object-fit:contain}.mp-preserved-home .product-info{padding:22px 0}.mp-preserved-home .product-info h4{font:400 24px/1.2 'Cormorant Garamond',Georgia,serif}.mp-preserved-home .product-info .price-row{border-top:1px solid #10233230;padding-top:16px}.mp-preserved-home .add-btn{border:1px solid #10233255;background:transparent;color:#102332;border-radius:0}.mp-preserved-home .collections-section,.mp-preserved-home .story-section{background:#102331}.mp-preserved-home .features-bar{background:#172d3d}.mp-preserved-home .testimonials-section{background:#f4f1eb;color:#102332}.mp-preserved-home .testimonials-section h2,.mp-preserved-home .testimonials-section .eyebrow,.mp-preserved-home .testimonials-section .subtitle{color:#102332}.site-footer{background:#081823;border-top:1px solid #56636d;padding:70px 5vw 30px}.footer-grid{gap:40px}.footer-logo{font-family:Georgia,serif;font-size:22px;letter-spacing:.1em}.footer-col h4{font:500 11px 'Inter',sans-serif;letter-spacing:.15em}.footer-col p,.footer-col li{font-size:12px}.footer-bottom{font-size:10px}.single-product-main .product-sku{font:400 clamp(38px,4vw,64px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:0;color:#f4f1eb;margin:18px 0 24px}.single-product-main .product-title{font-size:clamp(24px,2.5vw,36px)!important;line-height:1.15} @media(max-width:780px){.mp-preserved-home{padding-top:70px}.mp-preserved-hero.hero{display:grid;grid-template-columns:1fr;height:auto;max-height:none;min-height:0}.mp-existing-watch-photo{height:430px}.mp-existing-watch-photo img{transform:scale(1.55)}.mp-preserved-hero .hero-content{padding:35px 26px 70px}.mp-preserved-hero .hero-title{font-size:56px;max-width:400px}.mp-preserved-hero .hero-eyebrow{margin-bottom:20px}.mp-preserved-hero .hero-scroll-indicator{display:none}.mp-preserved-home .products-section{padding:55px 24px}.mp-preserved-home .product-info h4{font-size:21px}.site-footer{padding:50px 24px 25px}} @media(max-width:480px){.mp-existing-watch-photo{height:350px}.mp-preserved-hero .hero-title{font-size:50px}.mp-preserved-home .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.mp-preserved-home .product-info h4{font-size:19px}.mp-preserved-home .product-info .price{font-size:13px}.mp-preserved-home .product-info .add-btn{width:32px;height:32px}.mp-preserved-home .product-info .price-row{gap:5px}.footer-grid{gap:28px}} .shop-main,.warranty-main,.page-main,.single-product-main,.site-main,.single-post-main,.error-404-main{padding-top:88px!important}#content-start{scroll-margin-top:88px}#gt_float_wrapper{left:12px!important;right:auto!important;bottom:12px!important;z-index:990!important}.gt_float_switcher{font-size:13px!important;box-shadow:0 2px 10px #0002!important}.gt_float_switcher .gt-selected{background:#f4f1eb!important;color:#102332!important}.gt_float_switcher .gt-selected .gt-current-lang{padding:8px 11px!important}.gt_float_switcher img{width:20px!important}.gt_float_switcher .gt_options a{font-size:13px!important;padding:9px 14px!important}@media(max-width:780px){.shop-main,.warranty-main,.page-main,.single-product-main,.site-main,.single-post-main,.error-404-main{padding-top:70px!important}#content-start{scroll-margin-top:70px}.admin-bar .site-header{top:46px}}@media(max-width:600px){.admin-bar .site-header{position:absolute}} .mp-preserved-hero.hero{padding:0;justify-content:stretch}.mp-existing-watch-photo{min-height:100%}.mp-preserved-hero .hero-scroll-indicator{z-index:3}.mp-preserved-home .testimonials-section .testimonial-card{background:#fff;border:1px solid #10233224;color:#102332}.mp-preserved-home .testimonials-section .testimonial-text,.mp-preserved-home .testimonials-section .author-name,.mp-preserved-home .testimonials-section .author-role{color:#31495c}@media(max-width:780px){.mp-existing-watch-photo{min-height:0}.mp-preserved-hero .hero-content{min-height:0}} .mp-preserved-home .testimonials-section{--text-light:#132a3b;--text-muted:#465761;--text-dim:#53616b;--gold:#263f50;--gold-light:#263f50;--glass-border:rgba(19,42,59,.22);--glass:#fbfaf6;--dark:#f4f1eb}.mp-preserved-home .testimonial-item{border-radius:0}.mp-preserved-home .features-section{background:#172d3d;border-top:1px solid #56636d;border-bottom:1px solid #56636d}.mp-preserved-home .collection-card{border-radius:0}.mp-preserved-home .story-image{border-radius:0} .search-overlay .search-overlay-inner{width:100%;max-width:660px;padding:0 24px}.search-overlay .search-form{width:100%;min-width:0}.search-overlay .search-input{min-width:0;width:0;max-width:100%;font-size:clamp(22px,4vw,32px)}.search-overlay .search-submit{flex:0 0 44px}.search-overlay .search-close{right:24px;top:-65px;min-width:44px;min-height:44px}.mobile-menu-overlay{overflow-y:auto;overscroll-behavior:contain;align-items:flex-start}.mobile-menu-inner{width:min(100%,520px);padding:120px 26px 44px}.mobile-nav-list li{margin-bottom:22px}.mobile-menu-actions{margin-top:26px;padding-top:22px;gap:18px}@media(max-width:780px){.mobile-menu-inner{padding-top:100px}.admin-bar .mobile-menu-inner{padding-top:146px}.mobile-nav-list li a{font-size:28px;letter-spacing:2px}.mobile-menu-actions a{min-height:36px}.mp-market-panel{z-index:1100;max-height:calc(100dvh - 120px);overflow-y:auto}} /** * Mechanical Portrait — interior-only presentation overlay. * Load after main.css, woocommerce.css, shop.css and single-product.css. * No image URLs, generated wording, commerce behavior or global/header/footer rules. */ :is(.single-product-main, .shop-main, .warranty-main), body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main { --mp-midnight: #0b1d2a; --mp-ivory: #f5f2eb; --mp-ink: #132a3b; --mp-muted: #53616b; --mp-line: rgba(19, 42, 59, .22); --mp-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; --mp-gutter: clamp(20px, 4.5vw, 76px); --gold: #263f50; --gold-light: #263f50; --gold-glow: transparent; --dark: #f5f2eb; --dark-secondary: #ece9e2; --dark-card: #fbfaf6; --glass: rgba(19, 42, 59, .025); --glass-border: rgba(19, 42, 59, .22); --text-light: #132a3b; --text-muted: #465761; --text-dim: #53616b; background: var(--mp-ivory); color: var(--mp-ink); overflow-wrap: anywhere; } :is(.single-product-main, .shop-main, .warranty-main) *, body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main * { box-sizing: border-box; } :is(.single-product-main, .shop-main, .warranty-main) :is(a, button, input, select, textarea):focus-visible, body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main :is(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } :is(.single-product-main, .shop-main, .warranty-main) .reveal { opacity: 1; transform: none; } :is(.single-product-main, .shop-main, .warranty-main) :is(button, select, input[type='submit']) { min-height: 44px; } :is(.single-product-main, .shop-main, .warranty-main) :is(input, select, textarea) { max-width: 100%; } :is(.single-product-main, .shop-main, .warranty-main) :is(button:disabled, input:disabled, select:disabled) { opacity: .55; cursor: not-allowed; } /* Portrait: midnight ground, a generous complete watch, a fine ruled information column. */ .single-product-main { background: var(--mp-midnight); --gold: #e7decc; --gold-light: #f5f2eb; --dark: #0b1d2a; --dark-card: #132a3b; --glass-border: rgba(245, 242, 235, .24); --text-light: #f5f2eb; --text-muted: #d1d7d8; --text-dim: #b8c3ca; color: var(--text-light); } .single-product-main .product-breadcrumb { padding: 22px var(--mp-gutter); } .single-product-main .breadcrumb-inner { max-width: 1400px; } .single-product-main .woocommerce-breadcrumb { color: var(--text-dim); font-size: .78rem; } .single-product-main .breadcrumb-inner :is(a, span) { color: var(--text-dim); letter-spacing: .08em; } .single-product-main .product-layout { max-width: 1552px; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .85fr); gap: clamp(32px, 5vw, 80px); padding: clamp(36px, 5vw, 76px) var(--mp-gutter) 80px; overflow: visible; align-items: start; } .single-product-main .product-gallery-wrap { padding: 0; top: 120px; overflow: visible; } .single-product-main .product-gallery-main { position: relative; min-width: 0; } .single-product-main .gallery-main-image { background: radial-gradient(ellipse at center, #1c3344 0%, #0b1d2a 72%); border: 0; border-radius: 0; aspect-ratio: 4 / 5; max-height: 800px; } .single-product-main .gallery-main-image img { width: 100%; height: 100%; max-height: 100%; object-fit: contain; padding: 12px; transform: none; filter: none; } .single-product-main .gallery-main-image:hover img { transform: none; } .single-product-main .gallery-thumbnails { gap: 12px; margin-top: 20px; padding: 6px; scrollbar-width: thin; } .single-product-main .gallery-thumb { width: 72px; height: 88px; min-height: 88px; background: #102634; border: 1px solid rgba(245, 242, 235, .32); border-radius: 0; } .single-product-main .gallery-thumb img { object-fit: contain; } .single-product-main .gallery-thumb:is(.active, :hover) { border-color: var(--mp-ivory); } .single-product-main .product-info-wrap { border-left: 1px solid var(--glass-border); padding: 8px 0 8px clamp(24px, 3vw, 48px); } .single-product-main .product-category-label { font-size: .68rem; letter-spacing: .25em; color: var(--text-muted); } .single-product-main .product-title { font-family: var(--mp-serif); font-weight: 400; font-size: clamp(2.4rem, 4vw, 4.6rem); letter-spacing: -.035em; line-height: 1.06; margin: 16px 0; color: var(--mp-ivory); } .single-product-main .product-sku { margin-bottom: 24px; color: var(--text-dim); } .single-product-main .product-price-block { margin: 24px 0; } .single-product-main .product-price-block :is(.price, .woocommerce-Price-amount) { color: var(--mp-ivory); font-size: 1.3rem; } .single-product-main .product-price-block del .woocommerce-Price-amount { color: var(--text-dim); font-size: 1rem; } .single-product-main .product-short-desc { color: var(--text-muted); font-size: .95rem; font-weight: 400; line-height: 1.85; } .single-product-main .product-add-to-cart .cart { flex-wrap: wrap; } .single-product-main .product-add-to-cart :is(.variations, .single_variation_wrap) { width: 100%; } .single-product-main .product-add-to-cart .variations { table-layout: fixed; } .single-product-main .product-add-to-cart .variations select { width: 100%; color: var(--mp-ink); background: var(--mp-ivory); min-height: 44px; } .single-product-main .product-add-to-cart .single_add_to_cart_button { min-height: 52px; padding: 16px 24px; background: var(--mp-ivory); color: var(--mp-ink); border: 1px solid var(--mp-ivory); border-radius: 0; letter-spacing: .17em; box-shadow: none; white-space: normal; } .single-product-main .product-add-to-cart .single_add_to_cart_button:hover { background: #e7decc; box-shadow: none; } .single-product-main .product-add-to-cart .quantity { border-radius: 0; } .single-product-main .product-add-to-cart .quantity input { min-height: 50px; font-size: 1rem; width: 64px; color: var(--mp-ivory); } .single-product-main .product-quick-specs { padding: 0; border-top: 0; margin-top: 32px; } .single-product-main .spec-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) minmax(0, 1fr); gap: 10px; padding: 13px 0; border-top: 1px solid var(--glass-border); align-items: start; } .single-product-main .spec-icon { width: auto; color: var(--text-dim); } .single-product-main .spec-label { font-size: .82rem; color: var(--text-muted); } .single-product-main .spec-value { font-size: .84rem; color: var(--mp-ivory); font-weight: 400; } .single-product-main .guarantee-item { color: var(--text-muted); font-size: .76rem; } .single-product-main .product-tabs-section { padding: 48px var(--mp-gutter) 72px; max-width: 1552px; } .single-product-main .product-tabs { gap: clamp(16px, 3vw, 40px); overflow-x: auto; padding: 4px; } .single-product-main .tab-btn { flex-shrink: 0; font-size: .75rem; color: var(--text-dim); } .single-product-main .tab-btn.active { color: var(--mp-ivory); } .single-product-main .tab-body { font-size: .95rem; font-weight: 400; max-width: 980px; } .single-product-main .tab-body :is(img, video, iframe) { max-width: 100%; } .single-product-main .tab-body img { height: auto; } .single-product-main .specs-table { table-layout: fixed; } .single-product-main .specs-table td { padding: 16px 12px 16px 0; vertical-align: top; font-size: .88rem; } .single-product-main .specs-table .spec-name { width: 40%; } .single-product-main .related-products-section { --text-light: #132a3b; --text-muted: #465761; --text-dim: #53616b; --glass-border: rgba(19, 42, 59, .22); --gold: #263f50; background: var(--mp-ivory); color: var(--mp-ink); max-width: none; padding: 72px var(--mp-gutter); } .single-product-main .related-products-section .section-header { margin-bottom: 36px; } .single-product-main .related-products-section h2 { font: 400 clamp(2.2rem, 3vw, 3.5rem)/1.12 var(--mp-serif); color: var(--mp-ink); } /* Collection: complete, unretouched product images; restrained editorial cards. */ .shop-main .shop-hero, .warranty-main .warranty-hero, body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-hero { background: var(--mp-midnight); color: var(--mp-ivory); padding: clamp(52px, 7vw, 100px) var(--mp-gutter); border-bottom: 1px solid rgba(245, 242, 235, .2); } .shop-main .shop-hero h1, .warranty-main .warranty-hero h1, body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-title { font-family: var(--mp-serif); font-weight: 400; font-size: clamp(2.5rem, 5.5vw, 5rem); line-height: 1.08; letter-spacing: -.03em; text-transform: none; color: var(--mp-ivory); } :is(.shop-main .shop-hero, .warranty-main .warranty-hero) :is(.eyebrow, .subtitle) { color: #d1d7d8; } :is(.shop-main .shop-hero, .warranty-main .warranty-hero) .subtitle { max-width: 620px; margin: 20px auto 0; font-size: .95rem; } .shop-main .shop-layout { max-width: 1552px; padding: 52px var(--mp-gutter) 88px; grid-template-columns: 225px minmax(0, 1fr); gap: 40px; } .shop-main :is(.shop-products, .shop-filters) { min-width: 0; } .shop-main .shop-filters { top: 120px; padding-right: 24px; } .shop-main .filters-header { gap: 12px; } .shop-main .filters-header h3 { font: 400 1.7rem/1.2 var(--mp-serif); } .shop-main .filters-reset { text-decoration: underline; text-underline-offset: 4px; color: var(--mp-ink); } .shop-main .filter-checkbox { position: relative; min-height: 44px; gap: 10px; } /* Recover keyboard accessibility lost to original display:none checkboxes. */ .shop-main .filter-checkbox input { display: block; position: absolute; width: 1px; height: 1px; margin: -1px; clip-path: inset(50%); overflow: hidden; } .shop-main .filter-checkbox input:focus-visible + .checkmark { outline: 2px solid var(--mp-ink); outline-offset: 4px; } .shop-main .filter-checkbox .checkmark { border-color: #74818b; border-radius: 0; width: 18px; height: 18px; } .shop-main .filter-checkbox input:checked + .checkmark { background: var(--mp-ink); border-color: var(--mp-ink); } .shop-main .filter-checkbox input:checked + .checkmark::after { border-color: var(--mp-ivory); } .shop-main .filter-select { font-size: 1rem; color: var(--mp-ink); background-color: #fbfaf6; border-color: #74818b; border-radius: 0; padding-right: 32px; } .shop-main .shop-toolbar { gap: 16px; flex-wrap: wrap; margin-bottom: 24px; } .shop-main :is(.results-count, .woocommerce-result-count) { color: var(--mp-muted); font-size: .82rem; } .shop-main .shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 22px; } :is(.shop-main, .single-product-main .related-products-section) .product-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; min-width: 0; overflow: visible; } :is(.shop-main, .single-product-main .related-products-section) .product-card:hover { transform: none; box-shadow: none; } :is(.shop-main, .single-product-main .related-products-section) .product-card::before, :is(.shop-main, .single-product-main .related-products-section) .product-image::after { display: none; } :is(.shop-main, .single-product-main .related-products-section) .product-card .product-image { height: auto; aspect-ratio: 4 / 5; background: #eeece5; border-radius: 0; } :is(.shop-main, .single-product-main .related-products-section) .product-card .product-image img { width: 100%; height: 100%; max-height: 100%; object-fit: contain; padding: 16px; filter: none; transform: none; } :is(.shop-main, .single-product-main .related-products-section) .product-card .product-info { padding: 24px 0; border-bottom: 1px solid var(--glass-border); } :is(.shop-main, .single-product-main .related-products-section) .product-card .product-info h4 { font-size: clamp(1.6rem, 2vw, 2.1rem); letter-spacing: -.025em; line-height: 1.15; font-weight: 400; color: var(--mp-ink); } :is(.shop-main, .single-product-main .related-products-section) .product-card .product-info .product-collection { color: var(--mp-muted); letter-spacing: .16em; font-size: .64rem; } :is(.shop-main, .single-product-main .related-products-section) .product-card .price-row { gap: 12px; flex-wrap: wrap; } :is(.shop-main, .single-product-main .related-products-section) .product-card .price { color: var(--mp-ink); font-size: .95rem; } .shop-main .add-btn { width: 44px; height: 44px; border-radius: 0; color: var(--mp-ink); } .shop-main .shop-pagination ul.page-numbers { width: auto; height: auto; display: flex; flex-wrap: wrap; gap: 8px; border: 0; justify-content: center; } .shop-main .shop-pagination ul.page-numbers li { list-style: none; } .shop-main .shop-pagination :is(a, span).page-numbers { min-width: 44px; width: auto; min-height: 44px; padding: 8px; border-radius: 0; } .shop-main .shop-pagination .page-numbers.current { background: var(--mp-ink); color: var(--mp-ivory); border-color: var(--mp-ink); } /* Service pages; deliberately exclude WooCommerce account/cart/checkout page bodies. */ .warranty-main .warranty-section { max-width: 1280px; padding: 64px var(--mp-gutter) 88px; } .warranty-main .warranty-card { background: #fbfaf6; border-radius: 0; padding: clamp(24px, 5vw, 60px); max-width: 680px; margin-bottom: 64px; } .warranty-main .warranty-card h2 { font: 400 2.5rem/1.15 var(--mp-serif); letter-spacing: -.025em; } .warranty-main .warranty-desc { color: var(--mp-muted); font-size: .95rem; font-weight: 400; } .warranty-main .warranty-icon { border-color: var(--mp-line); border-radius: 0; } .warranty-main .warranty-form input[type='text'] { background: var(--mp-ivory); color: var(--mp-ink); border-color: #74818b; border-radius: 0; font-size: 1rem; min-height: 52px; } .warranty-main .warranty-submit { background: var(--mp-ink); color: var(--mp-ivory); border: 1px solid var(--mp-ink); border-radius: 0; min-height: 52px; } .warranty-main .result-row { gap: 20px; align-items: start; } .warranty-main .result-value { text-align: right; } .warranty-main .result-active { color: #19643e; } .warranty-main .result-expired { color: #ac2929; } .warranty-main .warranty-info-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .warranty-main .warranty-info-card { padding: 32px 24px; border-radius: 0; background: transparent; } .warranty-main .warranty-info-card h4 { font: 400 1.7rem/1.2 var(--mp-serif); letter-spacing: 0; } .warranty-main .warranty-info-card p { font-size: .9rem; line-height: 1.8; font-weight: 400; } body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-content-wrap { max-width: 980px; padding: 64px var(--mp-gutter) 96px; } body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-content { font-size: 1rem; line-height: 1.9; font-weight: 400; color: #344956; } body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-content :is(h2, h3, h4) { font-family: var(--mp-serif); font-weight: 400; letter-spacing: -.02em; color: var(--mp-ink); } body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-content a { text-decoration: underline; text-underline-offset: 4px; } body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-content :is(img, video, iframe) { max-width: 100%; border-radius: 0; } body:not(.woocommerce-account):not(.woocommerce-cart):not(.woocommerce-checkout) .page-main .page-content :is(table, pre) { display: block; max-width: 100%; overflow-x: auto; } @media (min-width: 1280px) { .single-product-main .product-gallery-main:has(.gallery-thumbnails) { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 22px; align-items: center; } .single-product-main .product-gallery-main:has(.gallery-thumbnails) .gallery-main-image { grid-column: 2; grid-row: 1; } .single-product-main .product-gallery-main:has(.gallery-thumbnails) .gallery-thumbnails { grid-column: 1; grid-row: 1; flex-direction: column; max-height: 620px; overflow-y: auto; overflow-x: hidden; margin: 0; padding: 2px; } } @media (max-width: 1100px) { .shop-main .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .single-product-main .product-layout { grid-template-columns: minmax(0, 1.1fr) minmax(280px, 1fr); gap: 28px; } } @media (max-width: 1024px) { .single-product-main .product-gallery-wrap { position: static; } .single-product-main .product-info-wrap { border-top: 0; } .shop-main .shop-layout { grid-template-columns: minmax(0, 1fr); } /* Existing JS toggles .active. An in-flow panel needs no focus-trapping overlay. */ .shop-main .shop-filters { display: none; position: static; inset: auto; width: 100%; height: auto; max-height: none; padding: 24px; border: 1px solid var(--mp-line); background: #fbfaf6; overflow: visible; transition: none; } .shop-main .shop-filters.active { display: block; } .shop-main .filter-toggle-mobile { display: inline-flex; min-height: 44px; color: var(--mp-ink); border-color: #74818b; border-radius: 0; } .single-product-main .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .single-product-main .product-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 28px var(--mp-gutter) 48px; } .single-product-main .gallery-main-image { max-height: 570px; aspect-ratio: 4 / 5; } .single-product-main .product-info-wrap { border-left: 0; border-top: 1px solid var(--glass-border); padding: 32px 0 0; } .single-product-main .product-title { font-size: clamp(2.5rem, 9vw, 3.5rem); } .single-product-main .product-guarantees { gap: 14px 20px; } .single-product-main .product-tabs-section { padding-top: 28px; padding-bottom: 48px; } .single-product-main .related-products-section { padding-top: 48px; padding-bottom: 48px; } .shop-main .shop-layout { padding-top: 32px; padding-bottom: 56px; gap: 24px; } .shop-main .shop-grid { gap: 28px 16px; } .warranty-main .warranty-section { padding-top: 36px; } .warranty-main .warranty-info-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .warranty-main .warranty-card { margin-bottom: 36px; } } @media (max-width: 480px) { .shop-main .shop-grid, .single-product-main .related-grid { grid-template-columns: minmax(0, 1fr); } :is(.shop-main, .single-product-main .related-products-section) .product-card .product-image { max-height: 460px; } .single-product-main .gallery-thumb { width: 60px; height: 74px; min-height: 74px; } .single-product-main .product-tabs { gap: 18px; } .single-product-main .tab-btn { letter-spacing: .08em; } .single-product-main .spec-row { grid-template-columns: 18px minmax(0, 1fr) minmax(0, 1fr); gap: 8px; } .warranty-main .result-row { flex-direction: column; gap: 4px; padding: 14px; } .warranty-main .result-value { text-align: left; } } @media (prefers-reduced-motion: reduce) { :is(.single-product-main, .shop-main, .warranty-main) *, :is(.single-product-main, .shop-main, .warranty-main) *::before, :is(.single-product-main, .shop-main, .warranty-main) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* Mechanical Portrait utilities: local additive CSS only. * Append after theme styles and interior overlay. Does not set main padding/header offsets. * Account auth selectors deliberately outrank inline template