1<!DOCTYPE html> 2<html lang="en-US" prefix="og: https://ogp.me/ns#"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ --> 7<title>Bathroom - Interior Design Portland</title> 8<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 9<link rel="canonical" href="https://interior-design-portland.com/bathroom/" /> 10<link rel="next" href="https://interior-design-portland.com/bathroom/page/2/" /> 11<meta property="og:locale" content="en_US" /> 12<meta property="og:type" content="article" /> 13<meta property="og:title" content="Bathroom - Interior Design Portland" /> 14<meta property="og:url" content="https://interior-design-portland.com/bathroom/" /> 15<meta property="og:site_name" content="WordPress" /> 16<meta name="twitter:card" content="summary_large_image" /> 17<meta name="twitter:title" content="Bathroom - Interior Design Portland" /> 18<meta name="twitter:label1" content="Posts" /> 19<meta name="twitter:data1" content="150" />
20<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https://interior-design-portland.com/bathroom/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://interior-design-portland.com","name":"Home"}},{"@type":"ListItem","position":"2","item":{"@id":"https://interior-design-portland.com/bathroom/","name":"Bathroom"}}]}]}</script>
20 21<!-- /Rank Math WordPress SEO plugin --> 22 23<link rel='dns-prefetch' href='//static.addtoany.com' /> 24<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 25<link rel="alternate" type="application/rss+xml" title="Interior Design Portland » Feed" href="https://interior-design-portland.com/feed/" /> 26<link rel="alternate" type="application/rss+xml" title="Interior Design Portland » Comments Feed" href="https://interior-design-portland.com/comments/feed/" /> 27<link rel="alternate" type="application/rss+xml" title="Interior Design Portland » Bathroom Category Feed" href="https://interior-design-portland.com/bathroom/feed/" /> 28<style id="wp-img-auto-sizes-contain-inline-css"> 29img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 30/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 31</style> 32 33<style id="wp-emoji-styles-inline-css"> 34 35 img.wp-smiley, img.emoji { 36 display: inline !important; 37 border: none !important; 38 box-shadow: none !important; 39 height: 1em !important; 40 width: 1em !important; 41 margin: 0 0.07em !important; 42 vertical-align: -0.1em !important; 43 background: none !important; 44 padding: 0 !important; 45 } 46/*# sourceURL=wp-emoji-styles-inline-css */ 47</style> 48<style id="wp-block-library-inline-css"> 49:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
49--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 50 51/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 52</style> 53<style id="wp-block-categories-inline-css"> 54.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label:not(.screen-reader-text){display:block;width:100%} 55/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/categories/style.min.css */ 56</style> 57<style id="wp-block-heading-inline-css"> 58h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 59/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/heading/style.min.css */ 60</style> 61<style id="wp-block-list-inline-css"> 62ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} 63/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/list/style.min.css */ 64</style> 65<style id="wp-block-paragraph-inline-css"> 66.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 67/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/paragraph/style.min.css */ 68</style> 69<style id="wp-block-columns-inline-css"> 70.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} 71/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/columns/style.min.css */ 72</style> 73<style id="wp-block-group-inline-css"> 74.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} 75/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/group/style.min.css */ 76</style> 77<style id="wp-block-social-links-inline-css"> 78.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}
78:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}
78:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000} 79/*# sourceURL=https://interior-design-portland.com/wp-includes/blocks/social-links/style.min.css */ 80</style> 81 82<style id="classic-theme-styles-inline-css"> 83/*! This file is auto-generated */ 84.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 85/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 86</style> 87 88<style id="global-styles-inline-css"> 89:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--color--accent-2: var(--accent-2);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
890) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
89.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 90:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 91/*# sourceURL=global-styles-inline-css */ 92</style> 93 94<link rel='stylesheet' id='wpautoterms_css-css' href='https://interior-design-portland.com/wp-content/plugins/auto-terms-of-service-and-privacy-policy/css/wpautoterms.css?ver=7.0.7' media='all' /> 95<link rel='stylesheet' id='contact-form-7-css' href='https://interior-design-portland.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' /> 96<link rel='stylesheet' id='pinsavepinterest-style-css' href='https://interior-design-portland.com/wp-content/plugins/simple-pin-it-for-pinterest/style.css?ver=1.2' media='all' /> 97<link rel='stylesheet' id='wbl-premium-fonts-css' href='https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Chivo:wght@400;500;600;700&family=Source+Sans+Pro:wght@400;500;600;700&display=swap' media='all' /> 98<link rel='stylesheet' id='eztoc-css' href='https://interior-design-portland.com/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css?ver=2.0.88' media='all' /> 99<style id="eztoc-inline-css"> 100div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title {font-size: 120%;}div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title {font-weight: 500;}div#ez-toc-container ul li , div#ez-toc-container ul li a, .ez-toc-split-section ul li , .ez-toc-split-section ul li a {font-size: 95%;}div#ez-toc-container ul li , div#ez-toc-container ul li a, .ez-toc-split-section ul li , .ez-toc-split-section ul li a {font-weight: 500;}div#ez-toc-container nav ul ul li, .ez-toc-split-section nav ul ul li {font-size: 90%;}.ez-toc-box-title {font-weight: bold; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #666; padding-bottom: 5px;position:absolute;top:-4%;left:5%;background-color: inherit;transition: top 0.3s ease;}.ez-toc-box-title.toc-closed {top:-25%;} 101/*# sourceURL=eztoc-inline-css */ 102</style> 103<link rel='stylesheet' id='generate-style-css' href='https://interior-design-portland.com/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.6.1' media='all' /> 104<style id="generate-style-inline-css"> 105body{background-color:var(--base-3);color:var(--contrast);}a{color:var(--accent);}a:hover, a:focus{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.grid-container{max-width:1280px;}.wp-block-group__inner-container{max-width:1280px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:200px;}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:0.1;transform:translateY(1000px);}.generate-back-to-top__show{opacity:1;transform:translateY(0);}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#00a1f1;--accent-2:#7cbb00;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}:root .has-accent-2-color{color:var(--accent-2);}:root .has-accent-2-background-color{background-color:var(--accent-2);}.gp-modal:not(.gp-modal--open):not(.gp-modal--transition){display:none;}.gp-modal--transition:not(.gp-modal--open){pointer-events:none;}.gp-modal-overlay:not(.gp-modal-overlay--open):not(.gp-modal--transition){display:none;}.gp-modal__overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(3px);transition:opacity 500ms ease;opacity:0;}.gp-modal--open:not(.gp-modal--transition) .gp-modal__overlay{opacity:1;}.gp-modal__container{max-width:100%;max-height:100vh;transform:scale(0.9);transition:transform 500ms ease;padding:0 10px;}.gp-modal--open:not(.gp-modal--transition) .gp-modal__container{transform:scale(1);}.search-modal-fields{display:flex;}.gp-search-modal .gp-modal__overlay{align-items:flex-start;padding-top:25vh;background:var(--gp-search-modal-overlay-bg-color);}.search-modal-form{width:500px;max-width:100%;background-color:var(--gp-search-modal-bg-color);color:var(--gp-search-modal-text-color);}.search-modal-form .search-field, .search-modal-form .search-field:focus{width:100%;height:60px;background-color:transparent;border:0;appearance:none;color:currentColor;}.search-modal-fields button, .search-modal-fields button:active, .search-modal-fields button:focus, .search-modal-fields button:hover{background-color:transparent;border:0;color:currentColor;width:60px;}body, button, input, select, textarea{font-family:Helvetica;font-size:16px;}h2{font-weight:bold;font-size:26px;}@media (max-width:768px){h2{font-size:22px;}}h1{font-weight:bold;font-size:30px;}h3{font-weight:bold;font-size:22px;}h6{font-weight:bold;font-size:13px;letter-spacing:1px;line-height:1em;margin-bottom:13px;}h4{font-weight:bold;font-size:18px;letter-spacing:1px;line-height:1.4em;margin-bottom:0px;}.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{font-weight:bold;}.top-bar{background-color:var(--contrast);color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:#BED83C;}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width: 768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width: 768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}} 106.dynamic-author-image-rounded{border-radius:100%;}.dynamic-featured-image, .dynamic-author-image{vertical-align:middle;}.one-container.blog .dynamic-content-template:not(:last-child), .one-container.archive .dynamic-content-template:not(:last-child){padding-bottom:0px;}.dynamic-entry-excerpt > p:last-child{margin-bottom:0px;} 107/*# sourceURL=generate-style-inline-css */ 108</style> 109<link rel='stylesheet' id='generate-child-css' href='https://interior-design-portland.com/wp-content/themes/generatepress_child/style.css?ver=1780551808' media='all' /> 110<link rel='stylesheet' id='addtoany-css' href='https://interior-design-portland.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' /> 111<style id="addtoany-inline-css"> 112@media screen and (max-width:980px){ 113.a2a_floating_style.a2a_vertical_style{display:none;} 114} 115/*# sourceURL=addtoany-inline-css */ 116</style> 117<style id="generateblocks-inline-css"> 118.gb-container-04da9225{display:flex;justify-content:space-between;}.gb-container-ba3d87b1{padding-top:20px;padding-bottom:20px;}.gb-container-3a29d203{height:100%;min-height:300px;display:flex;flex-direction:column;row-gap:13px;color:var(--contrast);}.gb-container-3a29d203 a{color:var(--contrast);}.gb-grid-wrapper > .gb-grid-column-3a29d203{width:50%;}.gb-container-583c9eec{display:flex;column-gap:20px;}.gb-container-7647f120{display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:20px;color:var(--contrast);}.gb-container-7647f120 a{color:var(--contrast);}.gb-container-7647f120 a:hover{color:var(--contrast);}.gb-container-87c982a9{margin-top:20px;border:var(--base-2);}.gb-container-1cb48b73{padding:20px;}.gb-container-a24f252c{text-align:center;padding-bottom:20px;}.gb-container-7982ec71{text-align:center;padding-bottom:20px;}.gb-container-f02180da{width:60%;flex-basis:calc(100% - 75px);text-align:center;border-top:3px solid var(--accent-2);}.gb-container-ab3fdfc5{flex-basis:100%;}.gb-container-87470a2f{height:100%;display:flex;align-items:center;column-gap:20px;}.gb-grid-wrapper > .gb-grid-column-87470a2f{width:100%;}.gb-container-67b6a1fc{flex-shrink:0;flex-basis:80px;}.gb-container-9e155a87{flex-shrink:1;}.gb-container-33435c22{max-width:1280px;padding:40px 20px;margin-right:auto;margin-left:auto;}div.gb-headline-c66a2b1e{font-size:13px;text-transform:uppercase;}h3.gb-headline-1032a3b9{font-size:18px;margin-bottom:0px;}div.gb-headline-897f85e5{display:inline-block;font-size:13px;text-transform:capitalize;}div.gb-headline-682093c1{display:inline-block;font-size:13px;text-transform:capitalize;}h4.gb-headline-deb78a9b{font-weight:700;text-align:center;padding-top:20px;}h4.gb-headline-43eaebe6{flex-basis:100%;margin-bottom:-20px;}h6.gb-headline-231a905e{font-size:12px;margin-bottom:8px;}h3.gb-headline-a951b7c9{font-size:15px;margin-bottom:5px;}.gb-grid-wrapper-5cbf6a7d{display:flex;flex-wrap:wrap;margin-left:-20px;}.gb-grid-wrapper-5cbf6a7d > .gb-grid-column{box-sizing:border-box;padding-left:20px;padding-bottom:40px;}.gb-grid-wrapper-c60ba995{display:flex;flex-wrap:wrap;row-gap:20px;}.gb-grid-wrapper-c60ba995 > .gb-grid-column{box-sizing:border-box;}.gb-image-628deb9f{width:100%;height:280px;object-fit:cover;vertical-align:middle;}.gb-image-3dbb1256{border-radius:50%;width:80px;height:80px;object-fit:cover;vertical-align:middle;}.gb-button-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;clear:both;}.gb-button-wrapper a.gb-button-58025241{display:inline-flex;align-items:center;justify-content:center;font-size:15px;text-align:center;padding:10px;margin-right:5px;border-radius:10px;border:1px solid var(--contrast-3);background-color:var(--base-3);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-58025241:hover, .gb-but
118ton-wrapper a.gb-button-58025241:active, .gb-button-wrapper a.gb-button-58025241:focus{background-color:var(--accent);color:var(--base-3);}.gb-button-wrapper .gb-button-1be5c84d{display:inline-flex;align-items:center;justify-content:center;font-size:15px;text-align:center;padding:10px 15px;margin-right:2.5px;margin-left:2.5px;border-radius:10px;border:1px solid var(--contrast-3);background-color:var(--base-3);color:var(--contrast);text-decoration:none;}.gb-button-wrapper .gb-button-1be5c84d:hover, .gb-button-wrapper .gb-button-1be5c84d:active, .gb-button-wrapper .gb-button-1be5c84d:focus{background-color:var(--accent);color:var(--base-3);}.gb-button-wrapper .gb-button-1be5c84d.gb-block-is-current, .gb-button-wrapper .gb-button-1be5c84d.gb-block-is-current:hover, .gb-button-wrapper .gb-button-1be5c84d.gb-block-is-current:active, .gb-button-wrapper .gb-button-1be5c84d.gb-block-is-current:focus{background-color:var(--accent);color:var(--base-3);}.gb-button-wrapper a.gb-button-4c4c412c{display:inline-flex;align-items:center;justify-content:center;font-size:15px;text-align:center;padding:10px;margin-left:5px;border-radius:10px;border:1px solid var(--contrast-3);background-color:var(--base-3);color:var(--contrast);text-decoration:none;}.gb-button-wrapper a.gb-button-4c4c412c:hover, .gb-button-wrapper a.gb-button-4c4c412c:active, .gb-button-wrapper a.gb-button-4c4c412c:focus{background-color:var(--accent);color:var(--base-3);}a.gb-button-0f94d7cd{display:inline-flex;align-items:center;justify-content:center;font-size:14px;text-align:center;color:var(--accent-2);text-decoration:none;}a.gb-button-0f94d7cd:hover, a.gb-button-0f94d7cd:active, a.gb-button-0f94d7cd:focus{color:var(--contrast);}a.gb-button-0f94d7cd .gb-icon{line-height:0;padding-left:0.5em;}a.gb-button-0f94d7cd .gb-icon svg{width:1em;height:1em;fill:currentColor;}@media (max-width: 1024px) {.gb-grid-wrapper-5cbf6a7d > .gb-grid-column{padding-bottom:40px;}.gb-grid-wrapper-c60ba995{margin-left:-20px;}.gb-grid-wrapper-c60ba995 > .gb-grid-column{padding-left:20px;}}@media (max-width: 767px) {.gb-container-ba3d87b1{padding-top:0px;}.gb-grid-wrapper > .gb-grid-column-3a29d203{width:100%;}.gb-container-7647f120{text-align:center;padding-top:40px;}.gb-container-a24f252c{width:100%;}.gb-grid-wrapper > .gb-grid-column-a24f252c{width:100%;}.gb-container-7982ec71{width:100%;}.gb-grid-wrapper > .gb-grid-column-7982ec71{width:100%;}.gb-container-f02180da{width:100%;}.gb-grid-wrapper > .gb-grid-column-f02180da{width:100%;}.gb-container-67b6a1fc{width:50%;text-align:center;}.gb-grid-wrapper > .gb-grid-column-67b6a1fc{width:50%;}.gb-container-9e155a87{width:50%;text-align:left;}.gb-grid-wrapper > .gb-grid-column-9e155a87{width:50%;}h4.gb-headline-43eaebe6{text-align:left;}h6.gb-headline-231a905e{text-align:left;}h3.gb-headline-a951b7c9{text-align:left;}.gb-grid-wrapper-5cbf6a7d > .gb-grid-column{padding-bottom:40px;}.gb-image-628deb9f{width:100%;height:240px;object-fit:cover;}}:root{--gb-container-width:1280px;}.gb-container .wp-block-image img{vertical-align:middle;}.gb-grid-wrapper .wp-block-image{margin-bottom:0;}.gb-highlight{background:none;}.gb-shape{line-height:0;}.gb-element-a13ff838{padding-bottom:20px;text-align:center}.gb-element-841a07ef{padding-bottom:20px}.gb-element-ace9dcf2{padding-bottom:20px}.gb-text-a40a9f6d{align-items:center;background-color:var(--contrast);color:#ffffff;display:inline-flex;text-decoration:none;border-radius:50px;padding:1rem 2rem}.gb-text-a40a9f6d:is(:hover,:focus){background-color:var(--contrast);color:#ffffff} 119/*# sourceURL=generateblocks-inline-css */ 120</style> 121<link rel='stylesheet' id='generate-blog-images-css' href='https://interior-design-portland.com/wp-content/plugins/gp-premium/blog/functions/css/featured-images.min.css?ver=2.5.0' media='all' />
122<script id="jquery-core-js" src="https://interior-design-portland.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 122
122
123<script id="jquery-migrate-js" src="https://interior-design-portland.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 123
123
124<script id="wp-dom-ready-js" src="https://interior-design-portland.com/wp-includes/js/dist/dom-ready.min.js?ver=a06281ae5cf5500e9317"></script>
vendor: 1 bytes, line 124
124
125<script id="wpautoterms_base-js" src="https://interior-design-portland.com/wp-content/plugins/auto-terms-of-service-and-privacy-policy/js/base.js?ver=3.0.7"></script>
vendor: 1 bytes, line 125
125
126<script id="addtoany-core-js-before"> 127window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={}; 128 129//# sourceURL=addtoany-core-js-before 130</script>
vendor: 1 bytes, line 130
130
131<script id="addtoany-core-js" defer src="https://static.addtoany.com/menu/page.js"></script>
vendor: 1 bytes, line 131
131
132<script id="addtoany-jquery-js" defer src="https://interior-design-portland.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1"></script>
132 133 <style id="wbl-premium-css-vars"> 134 :root { 135 --wbl-accent: #b5451d; 136 --wbl-accent-light: #c46a4a; 137 --wbl-accent-rgb: 181, 69, 29; 138 --wbl-bg: #f2ede4; 139 --wbl-bg-rgb: 242, 237, 228; 140 --wbl-bg-alpha: 0; 141 --wbl-bg-rgba: rgba(242, 237, 228, 0); 142 --wbl-container-bg: #f2ede4; 143 --wbl-container-bg-rgb: 242, 237, 228; 144 --wbl-container-bg-alpha: 1; 145 --wbl-container-bg-rgba: rgba(242, 237, 228, 1); 146 --wbl-section-heading-color: #131910; 147 --wbl-btn-text: #ffffff; 148 --wbl-text-main: #232323; 149 --wbl-text-main-rgb: 35, 35, 35; 150 --wbl-text-secondary: #5c5c5c; 151 --wbl-text-secondary-rgb: 92, 92, 92; 152 --wbl-border-radius: 5px; 153 --wbl-font-heading: 'Chivo', sans-serif; 154 --wbl-font-body: 'Source Sans Pro', sans-serif; 155 --wbl-font-button: 'Chivo', sans-serif; 156 --wbl-glow-ambient-1: 0.016; 157 --wbl-glow-ambient-2: 0.012; 158 --wbl-glow-box-1: 0.03; 159 --wbl-glow-box-2: 0.016; 160 --wbl-glow-btn: 0.06; 161 --wbl-glow-btn-hover: 0.08; 162 --wbl-glow-card-1: 0.04; 163 --wbl-glow-card-2: 0.024; 164 --wbl-glow-card-hover: 0.02; 165 --wbl-glow-badge: 0.08; 166 } 167 </style> 168 <link rel="https://api.w.org/" href="https://interior-design-portland.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://interior-design-portland.com/wp-json/wp/v2/categories/89" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://interior-design-portland.com/xmlrpc.php?rsd" /> 169<meta name="generator" content="WordPress 7.0.7" /> 170<meta name="msvalidate.01" content="68EF08F04463F311E6BEE349ECB883C4" /> 171<meta name="p:domain_verify" content="c43c590ea2a22452221043b30cf29bc2"/> 172<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 172-173
172 173<script async src="https://www.googletagmanager.com/gtag/js?id=
173G-X96J936865
vendor: 13 bytes, line 173
173"></script>
174<script> 175
vendor: 138 bytes, lines 175-179
175window.dataLayer = window.dataLayer || []; 176 function gtag(){dataLayer.push(arguments);} 177 gtag('js', new Date()); 178 179 gtag('config', '
179G-X96J936865
vendor: 5 bytes, line 179
179');
180</script>
180 <style id="wbl-amazon-hide-failed"> 181 /* Hide table rows where image failed to load (only in btie-style-short tables) */ 182 table.btie-style-short tr:has(td.toc-img img[src=""]), 183 table.btie-style-short tr:has(td.toc-img img:not([src])) { 184 display: none !important; 185 } 186 187 /* Hide list items where image failed to load (only in btie-style-reviews lists) */ 188 ol.btie-style-reviews li:has(.btie-style-box img[src=""]), 189 ol.btie-style-reviews li:has(.btie-style-box img:not([src])) { 190 display: none !important; 191 } 192 </style> 193 <style id="wbl-auto-insertion-css"> 194/* ======================================== 195 Auto-Insertion Wrapper & Grid Layout 196 ======================================== */ 197.wbl-auto-insertion { 198 margin: 2rem 0; 199 clear: both; 200 background: var(--wbl-container-bg-rgba, var(--wbl-container-bg, #0D0D14)); 201 border-radius: var(--wbl-border-radius, 16px); 202 padding: 30px 24px; 203 position: relative; 204 overflow: hidden; 205} 206 207/* Ambient glows */ 208.wbl-auto-insertion::before { 209 content: ''; 210 position: absolute; 211 top: -20%; 212 left: -10%; 213 width: 300px; 214 height: 300px; 215 background: radial-gradient(circle, rgba(var(--wbl-accent-rgb), var(--wbl-glow-ambient-1, 0.08)) 0%, transparent 70%); 216 pointer-events: none; 217} 218 219.wbl-auto-insertion::after { 220 content: ''; 221 position: absolute; 222 bottom: -20%; 223 right: -10%; 224 width: 350px; 225 height: 350px; 226 background: radial-gradient(circle, rgba(var(--wbl-accent-rgb), var(--wbl-glow-ambient-2, 0.06)) 0%, transparent 70%); 227 pointer-events: none; 228} 229 230.wbl-insertion-heading { 231 width: 100%; 232 margin-bottom: 1.5rem; 233 font-family: var(--wbl-font-heading, 'Outfit', sans-serif); 234 font-size: 1.25em; 235 font-weight: 600; 236 text-align: center; 237 color: var(--wbl-section-heading-color, #ffffff); 238 opacity: 1 !important; 239 position: relative; 240 z-index: 1; 241} 242 243/* Carousel wrapper */ 244.wbl-carousel-wrapper { 245 position: relative; 246 display: flex; 247 align-items: center; 248 gap: 1rem; 249 z-index: 1; 250} 251 252.wbl-carousel-container { 253 position: relative; 254 width: 100%; 255 overflow: hidden; 256} 257 258/* Products grid - desktop: 3 columns */ 259.wbl-products-grid { 260 display: flex; 261 flex-flow: row wrap; 262 justify-content: center; 263 margin: 0 -0.5rem; 264 align-items: stretch; 265} 266 267/* Reduced padding and constrained width for 1 or 2 product containers */ 268.wbl-auto-insertion.wbl-single-product { 269 max-width: 400px; 270 margin-left: auto; 271 margin-right: auto; 272 padding: 24px; 273} 274 275.wbl-auto-insertion.wbl-double-product { 276 max-width: 734px; 277 margin-left: auto; 278 margin-right: auto; 279 padding: 24px; 280} 281 282/* ======================================== 283 WB Product Box - Premium Dark Card 284 ======================================== */ 285.wbl-products-grid .wbl-product-box { 286 flex: 1 1 calc(33.333% - 1rem); 287 max-width: 333px; 288 margin: 0.5rem; 289 position: relative; 290 border-radius: var(--wbl-border-radius, 16px); 291 border: 1px solid rgba(var(--wbl-accent-rgb), 0.7); 292 background: transparent; 293 box-shadow: 0 0 15px rgba(var(--wbl-accent-rgb), var(--wbl-glow-box-1, 0.15)), 0 0 30px rgba(var(--wbl-accent-rgb), var(--wbl-glow-box-2, 0.08)); 294 overflow: hidden; 295} 296 297.wbl-product-box-inner { 298 position: relative; 299 background: var(--wbl-bg-rgba, var(--wbl-bg, #0D0D14)); 300 border-radius: calc(var(--wbl-border-radius, 16px) - 1px); 301 overflow: hidden; 302 display: flex; 303 flex-direction: column; 304 height: 100%; 305} 306 307.wbl-product-box .wbl-product-image-wrapper { 308 position: relative; 309 width: calc(100% - 32px); 310 aspect-ratio: 1; 311 background: #ffffff; 312 display: flex; 313 align-items: center; 314 justify-content: center; 315 overflow: hidden; 316 margin: 16px 16px 0 16px; 317 border-radius: calc(var(--wbl-border-radius, 16px) - 4px); 318} 319 320.wbl-product-box .wbl-product-image-wrapper a { 321 display: flex; 322 align-items: center; 323 justify-content: center; 324 width: 100%; 325 height: 100%; 326} 327 328.wbl-product-box .wbl-product-image { 329 max-width: 85%; 330 max-height: 85%; 331 object-fit: contain; 332 transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); 333} 334 335.wbl-product-box:hover .wbl-product-image { 336 transform: scale(1.05); 337} 338 339.wbl-product-box .wbl-product-content { 340 padding: 1.25rem; 341 flex-grow: 1; 342 display: flex; 343 flex-direction: column; 344} 345 346.wbl-product-box .wbl-product-title { 347 font-family: var(--wbl-font-heading, 'Outfit', sans-serif); 348 font-size: 16px; 349 font-weight: 600; 350 margin: 0 0 0.75rem 0; 351 line-height: 1.2; 352 color: var(--wbl-text-main, #ffffff); 353 display: -webkit-box; 354 -webkit-line-clamp: 2; 355 -webkit-box-orient: vertical; 356 overflow: hidden; 357 text-align: center; 358} 359 360.wbl-product-box .wbl-product-title a { 361 color: inherit; 362 text-decoration: none; 363} 364 365.wbl-product-box .wbl-product-title a:hover { 366 color: inherit; 367 text-decoration: underline; 368} 369 370.wbl-product-box .wbl-product-description { 371 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 372 font-size: 14px; 373 color: var(--wbl-text-secondary, #999999); 374 line-height: 1.4; 375 margin-bottom: 1rem; 376 flex-grow: 1; 377 text-align: center; 378} 379 380.wbl-product-box .wbl-product-description p { 381 margin: 0; 382 display: -webkit-box; 383 -webkit-line-clamp: 2; 384 -webkit-box-orient: vertical; 385 overflow: hidden; 386} 387 388.wbl-product-box .wbl-product-footer { 389 display: flex; 390 flex-direction: column; 391 align-items: center; 392 margin-top: auto; 393 padding-top: 1rem; 394 border-top: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.06); 395 width: 100%; 396 line-height: 12px; 397 container-type: inline-size; 398} 399 400.wbl-product-box .wbl-cta-button { 401 width: 100%; 402 height: 40px; 403 padding: 0 10px; 404 background: linear-gradient(135deg, var(--wbl-accent) 0%, var(--wbl-accent-light) 100%); 405 color: var(--wbl-btn-text, #1a1a2e); 406 border: none; 407 border-radius: calc(var(--wbl-border-radius, 16px) * 0.625); 408 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 409 font-size: clamp(7px, 9cqw, 12px); 410 text-wrap-mode: nowrap; 411 font-weight: 700; 412 letter-spacing: 0.5px; 413 text-transform: uppercase; 414 cursor: pointer; 415 transition: all 0.3s ease; 416 text-decoration: none; 417 display: flex; 418 align-items: center; 419 justify-content: center; 420 box-shadow: 0 6px 20px rgba(var(--wbl-accent-rgb), var(--wbl-glow-btn, 0.3)); 421} 422 423.wbl-product-box .wbl-cta-button:hover, 424.wbl-product-box .wbl-cta-button:focus, 425.wbl-product-box .wbl-cta-button:active { 426 transform: translateY(-2px); 427 filter: brightness(1.05); 428 box-shadow: 0 10px 28px rgba(var(--wbl-accent-rgb), var(--wbl-glow-btn-hover, 0.4)); 429 color: var(--wbl-btn-text, #1a1a2e); 430 background: linear-gradient(135deg, var(--wbl-accent) 0%, var(--wbl-accent-light) 100%); 431} 432 433.wbl-product-box .wbl-disclaimer { 434 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 435 font-size: 0.5625rem; 436 color: var(--wbl-text-secondary, #999999); 437 margin: 10px 0 0 0; 438 text-align: center; 439 letter-spacing: 0.2px; 440} 441 442/* Carousel buttons */ 443.wbl-carousel-button { 444 display: none; 445 width: 40px; 446 height: 40px; 447 border-radius: 50%; 448 background: var(--wbl-bg-rgba, var(--wbl-bg, #0D0D14)); 449 border: 1px solid rgba(var(--wbl-accent-rgb), 0.7); 450 color: var(--wbl-accent, #009dff); 451 font-size: 18px; 452 cursor: pointer;
453 align-items: center; 454 justify-content: center; 455 flex-shrink: 0; 456 padding: 0; 457 z-index: 10; 458 transition: all 0.3s ease; 459} 460 461.wbl-carousel-button:hover { 462 background: rgba(var(--wbl-accent-rgb), 0.3); 463 border-color: rgba(var(--wbl-accent-rgb), 0.8); 464 color: var(--wbl-btn-text, #ffffff); 465} 466 467.wbl-carousel-button:active { 468 background: var(--wbl-bg-rgba, var(--wbl-bg, #0D0D14)); 469 border-color: rgba(var(--wbl-accent-rgb), 0.7); 470 color: var(--wbl-accent, #009dff); 471} 472 473/* ======================================== 474 Mobile: Carousel Mode 475 ======================================== */ 476@media (max-width: 640px) { 477 .wbl-auto-insertion { 478 padding: 24px 16px; 479 border-radius: var(--wbl-border-radius, 16px); 480 } 481 482 .wbl-auto-insertion.wbl-single-product, 483 .wbl-auto-insertion.wbl-double-product { 484 max-width: none; 485 padding: 16px; 486 } 487 488 .wbl-carousel-wrapper { 489 padding: 0 30px; 490 position: relative; /* Positioning context for buttons - prevents clipping by theme containers */ 491 } 492 493 .wbl-carousel-button { 494 display: flex; 495 position: absolute; 496 top: 50%; 497 transform: translateY(-50%); 498 width: 28px; 499 height: 70px; 500 font-size: 14px; 501 font-weight: 700; 502 border-radius: 4px; 503 } 504 505 .wbl-carousel-button.wbl-carousel-prev { 506 left: 0; /* Position at wrapper edge (within 30px padding area) */ 507 } 508 509 .wbl-carousel-button.wbl-carousel-next { 510 right: 0; /* Position at wrapper edge (within 30px padding area) */ 511 } 512 513 .wbl-product-box .wbl-cta-button { 514 font-size: clamp(7px, 9cqw, 12px); 515 height: 40px; 516 padding: 0 20px; 517 } 518 519 .wbl-carousel-container { 520 flex: 1; 521 min-height: 480px; 522 } 523 524 /* Carousel grids: absolute positioning setup */ 525 .wbl-carousel-wrapper .wbl-products-grid { 526 display: flex; 527 flex-direction: column; 528 position: relative; 529 min-height: 480px; 530 overflow: visible; 531 margin: 0; 532 padding: 0; 533 width: 100%; 534 } 535 536 /* Carousel mode: only for auto-insertion (not shortcode grids) */ 537 .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box { 538 position: absolute; 539 top: 0; 540 left: 0; 541 width: 100% !important; 542 max-width: 100% !important; 543 height: auto; 544 flex: none; 545 margin: 0; 546 opacity: 0; 547 transform: translateX(0); 548 transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); 549 pointer-events: none; 550 visibility: hidden; 551 } 552 553 .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box.wbl-active { 554 opacity: 1; 555 transform: translateX(0); 556 pointer-events: auto; 557 visibility: visible; 558 } 559 560 .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box.wbl-exit-left { 561 transform: translateX(-100%); 562 opacity: 0; 563 visibility: visible; 564 } 565 566 .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box.wbl-exit-right { 567 transform: translateX(100%); 568 opacity: 0; 569 visibility: visible; 570 } 571 572 .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box.wbl-enter-left { 573 transform: translateX(-100%); 574 opacity: 0; 575 visibility: visible; 576 } 577 578 .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box.wbl-enter-right { 579 transform: translateX(100%); 580 opacity: 0; 581 visibility: visible; 582 } 583 584 /* Single product: no carousel, just display the product */ 585 .wbl-single-product .wbl-carousel-button { 586 display: none; 587 } 588 589 .wbl-single-product .wbl-carousel-wrapper { 590 padding: 0; 591 } 592 593 .wbl-single-product .wbl-carousel-wrapper .wbl-products-grid { 594 min-height: auto; 595 } 596 597 .wbl-single-product .wbl-carousel-wrapper .wbl-products-grid .wbl-product-box { 598 position: relative; 599 opacity: 1; 600 visibility: visible; 601 pointer-events: auto; 602 } 603} 604 605/* Hide failed product boxes (empty) */ 606.wbl-product-box:empty { 607 display: none; 608} 609 610/* ======================================== 611 Wide Card Container 612 ======================================== */ 613.wbl-wide-card-container { 614 max-width: 900px; 615 margin: 2rem auto; 616 clear: both; 617 background: var(--wbl-container-bg-rgba, var(--wbl-container-bg, #0D0D14)); 618 border-radius: var(--wbl-border-radius, 16px); 619 padding: 24px; 620 position: relative; 621 overflow: hidden; 622} 623 624/* Ambient glows for wide card */ 625.wbl-wide-card-container::before { 626 content: ''; 627 position: absolute; 628 top: -20%; 629 left: -10%; 630 width: 300px; 631 height: 300px; 632 background: radial-gradient(circle, rgba(var(--wbl-accent-rgb), var(--wbl-glow-ambient-1, 0.08)) 0%, transparent 70%); 633 pointer-events: none; 634} 635 636.wbl-wide-card-container::after { 637 content: ''; 638 position: absolute; 639 bottom: -20%; 640 right: -10%; 641 width: 350px; 642 height: 350px; 643 background: radial-gradient(circle, rgba(var(--wbl-accent-rgb), var(--wbl-glow-ambient-2, 0.06)) 0%, transparent 70%); 644 pointer-events: none; 645} 646 647/* ======================================== 648 Wide Product Box - Horizontal Layout 649 ======================================== */ 650.wbl-wide-product-box { 651 position: relative; 652 border-radius: var(--wbl-border-radius, 16px); 653 border: 1px solid rgba(var(--wbl-accent-rgb), 0.7); 654 background: transparent; 655 box-shadow: 0 0 15px rgba(var(--wbl-accent-rgb), var(--wbl-glow-box-1, 0.15)), 0 0 30px rgba(var(--wbl-accent-rgb), var(--wbl-glow-box-2, 0.08)); 656 overflow: hidden; 657 z-index: 1; 658} 659 660.wbl-wide-product-box-inner { 661 position: relative; 662 background: var(--wbl-bg-rgba, var(--wbl-bg, #0D0D14)); 663 border-radius: calc(var(--wbl-border-radius, 16px) - 1px); 664 overflow: hidden; 665 display: flex; 666 flex-direction: row; 667 align-items: center; 668} 669 670/* Image Column - Left Side */ 671.wbl-wide-product-image-wrapper { 672 flex: 0 0 auto; 673 width: 250px; 674 aspect-ratio: 1; 675 background: #ffffff; 676 display: flex; 677 align-items: center; 678 justify-content: center; 679 overflow: hidden; 680 margin: 16px; 681 padding: 16px; 682 border-radius: calc(var(--wbl-border-radius, 16px) - 4px); 683 box-sizing: border-box; 684} 685 686.wbl-wide-product-image-wrapper a { 687 display: flex; 688 align-items: center; 689 justify-content: center; 690 width: 100%; 691 height: 100%; 692} 693 694.wbl-wide-product-image { 695 max-width: 85%; 696 max-height: 85%; 697 object-fit: contain; 698 transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); 699} 700 701.wbl-wide-product-box:hover .wbl-wide-product-image { 702 transform: scale(1.05); 703} 704 705/* Content Column - Right Side */ 706.wbl-wide-product-content { 707 flex: 1 1 auto; 708 align-self: stretch; 709 padding: 1.5rem 1.5rem 1.5rem 0.5rem; 710 display: flex; 711 flex-direction: column; 712 justify-content: space-between; 713 row-gap: 25px; 714 text-align: center; 715} 716 717.wbl-wide-product-box .wbl-wide-product-title { 718 font-family: var(--wbl-font-heading, 'Outfit', sans-serif); 719 font-size: 20px; 720 font-weight: 600; 721 margin: 0 0 1rem 0; 722 line-height: 1.2; 723 color: var(--wbl-text-main, #ffffff); 724} 725 726.wbl-wide-product-box .wbl-wide-product-title a { 727 color: inherit; 728 text-decoration: none; 729} 730 731.wbl-wide-product-box .wbl-wide-product-title a:hover { 732 color: inherit; 733 text-decoration: underline; 734} 735 736.wbl-wide-product-description { 737 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 738 font-size: 14px; 739 color: var(--wbl-text-secondary, #999999); 740 line-height: 1.4; 741 margin-bottom: 0; 742} 743 744.wbl-wide-product-description p { 745 margin: 0; 746} 747 748.wbl-wide-product-footer { 749 display: flex; 750 flex-direction: column; 751 align-items: stretch; 752 margin-top: auto; 753 container-type: inline-size; 754} 755 756.wbl-wide-product-footer .wbl-cta-button { 757 height: 40px; 758 padding: 0 32px; 759 background: linear-gradient(135deg, var(--wbl-accent) 0%, var(--wbl-accent-light) 100%); 760 color: var(--wbl-btn-text, #1a1a2e); 761 border: none; 762 border-radius: calc(var(--wbl-border-radius, 16px) * 0.625); 763 text-wrap-mode: nowrap; 764 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 765 font-size: clamp(8px, 10cqw, 12px); 766 font-weight: 700; 767 letter-spacing: 0.5px; 768 text-transform: uppercase; 769 cursor: pointer; 770 transition: all 0.3s ease; 771 text-decoration: none; 772 display: flex; 773 align-items: center; 774 justify-content: center; 775 box-shadow: 0 6px 20px rgba(var(--wbl-accent-rgb), var(--wbl-glow-btn, 0.3)); 776} 777 778.wbl-wide-product-footer .wbl-cta-button:hover, 779.wbl-wide-product-footer .wbl-cta-button:focus, 780.wbl-wide-product-footer .wbl-cta-button:active { 781 transform: translateY(-2px); 782 filter: brightness(1.05); 783 box-shadow: 0 10px 28px rgba(var(--wbl-accent-rgb), var(--wbl-glow-btn-hover, 0.4)); 784 color: var(--wbl-btn-text, #1a1a2e); 785 background: linear-gradient(135deg, var(--wbl-accent) 0%, var(--wbl-accent-light) 100%); 786} 787 788.wbl-wide-product-footer .wbl-disclaimer { 789 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 790 font-size: 0.5625rem; 791 color: var(--wbl-text-secondary, #999999); 792 margin: 10px 0 0 0; 793 line-height: 12px; 794 letter-spacing: 0.2px; 795} 796 797/* ======================================== 798 Wide Card Mobile: Stacked Layout 799 ======================================== */ 800@media (max-width: 640px) { 801 .wbl-wide-card-container { 802 padding: 16px; 803 border-radius: var(--wbl-border-radius, 16px); 804 } 805 806 .wbl-wide-product-box-inner { 807 flex-direction: column; 808 } 809 810 .wbl-wide-product-image-wrapper { 811 flex: none; 812 width: calc(100% - 32px); 813 min-width: 0; 814 aspect-ratio: 1; 815 padding: 0; 816 margin: 16px 16px 0 16px; 817 } 818 819 .wbl-wide-product-image { 820 max-width: 85%; 821 max-height: 85%; 822 } 823 824 .wbl-wide-product-content { 825 padding: 1.25rem; 826 text-align: center; 827 } 828 829 .wbl-wide-product-box .wbl-wide-product-title { 830 font-size: 16px; 831 text-align: center; 832 } 833 834 .wbl-wide-product-description { 835 font-size: 14px; 836 text-align: center; 837 } 838 839 .wbl-wide-product-footer { 840 align-items: center; 841 padding-top: 1rem; 842 border-top: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.06); 843 width: 100%; 844 } 845 846 .wbl-wide-product-footer .wbl-cta-button { 847 width: 100%; 848 font-size: clamp(8px, 10cqw, 12px); 849 height: 40px; 850 } 851 852 .wbl-wide-product-footer .wbl-disclaimer { 853 text-align: center; 854 } 855} 856 857/* Hide failed wide product boxes (empty) */ 858.wbl-wide-product-box:empty { 859 display: none; 860} 861</style> 862 <style id="wbl-large-card-css"> 863 /* Large Product Card */ 864 .wbl-large-card-wrapper { 865 position: relative; 866 max-width: 900px; 867 margin: 2rem auto; 868 border-radius: var(--wbl-border-radius, 28px); 869 padding: 1px; 870 background: rgba(var(--wbl-accent-rgb, 255,153,0), 0.4); 871 box-shadow: 0 0 20px rgba(var(--wbl-accent-rgb, 255,153,0), var(--wbl-glow-card-1, 0.2)), 0 0 40px rgba(var(--wbl-accent-rgb, 255,153,0), var(--wbl-glow-card-2, 0.12)); 872 overflow: hidden; 873 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 874 font-size: 16px; 875 line-height: 1.5; 876 } 877 878 .wbl-large-card-wrapper::before { 879 content: ''; 880 position: absolute; 881 width: 200%; 882 height: 200%; 883 top: -50%; 884 left: -50%; 885 background: conic-gradient( 886 from 0deg, 887 transparent 0deg, 888 transparent 340deg, 889 rgba(var(--wbl-accent-rgb, 255,153,0), 0.9) 350deg, 890 var(--wbl-accent-light, #ffad33) 360deg 891 ); 892 animation: wbl-large-shimmer-rotate 12s linear infinite; 893 } 894
895 @keyframes wbl-large-shimmer-rotate { 896 from { transform: rotate(0deg); } 897 to { transform: rotate(360deg); } 898 } 899 900 .wbl-large-card { 901 display: grid; 902 grid-template-columns: 360px 1fr; 903 width: 100%; 904 background: linear-gradient(165deg, var(--wbl-bg, #0f0f14) 0%, color-mix(in srgb, var(--wbl-bg, #12121a) 90%, white) 100%); 905 backdrop-filter: blur(24px); 906 border-radius: calc(var(--wbl-border-radius, 28px) - 1px); 907 box-shadow: 0 40px 80px -20px rgba(0,0,0,0.5), inset 0 1px 0 rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.05); 908 overflow: hidden; 909 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 910 position: relative; 911 } 912 913 .wbl-large-card-wrapper:hover .wbl-large-card { 914 box-shadow: 0 60px 120px -30px rgba(0,0,0,0.6), 0 0 80px rgba(var(--wbl-accent-rgb, 255,153,0), var(--wbl-glow-card-hover, 0.1)), inset 0 1px 0 rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.08); 915 } 916 917 /* Left Section */ 918 .wbl-large-image-section { 919 position: relative; 920 padding: 24px; 921 display: flex; 922 flex-direction: column; 923 gap: 16px; 924 box-sizing: border-box; 925 } 926 927 /* Badge */ 928 .wbl-large-badge { 929 display: inline-flex; 930 align-items: center; 931 gap: 6px; 932 padding: 8px 14px; 933 background: linear-gradient(135deg, var(--wbl-accent, #ff9900) 0%, var(--wbl-accent-light, #ffad33) 50%, var(--wbl-accent, #ff9900) 100%); 934 border-radius: calc(var(--wbl-border-radius, 16px) * 0.5); 935 box-shadow: 0 4px 16px rgba(var(--wbl-accent-rgb, 255,153,0), var(--wbl-glow-badge, 0.4)); 936 width: fit-content; 937 } 938 939 .wbl-large-badge svg { 940 width: 12px; 941 height: 12px; 942 fill: var(--wbl-btn-text, #1a1a2e); 943 } 944 945 .wbl-large-badge span { 946 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 947 font-size: 10px; 948 font-weight: 700; 949 letter-spacing: 1px; 950 text-transform: uppercase; 951 color: var(--wbl-btn-text, #1a1a2e); 952 } 953 954 /* Product Stage */ 955 .wbl-large-product-stage { 956 flex: 1; 957 display: flex; 958 align-items: center; 959 justify-content: center; 960 position: relative; 961 background: #ffffff; 962 border-radius: calc(var(--wbl-border-radius, 20px) - 8px); 963 padding: 24px; 964 border: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.1); 965 min-height: 280px; 966 box-sizing: border-box; 967 } 968 969 .wbl-large-product-stage img { 970 max-width: 90%; 971 max-height: 90%; 972 width: auto; 973 height: auto; 974 object-fit: contain; 975 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 976 position: relative; 977 z-index: 1; 978 } 979 980 .wbl-large-product-stage:hover img { 981 transform: scale(1.05); 982 } 983 984 /* Right Section */ 985 .wbl-large-content-section { 986 padding: 32px 36px; 987 display: flex; 988 flex-direction: column; 989 border-left: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.04); 990 box-sizing: border-box; 991 } 992 993 /* Brand */ 994 .wbl-large-brand { 995 display: inline-flex; 996 align-items: center; 997 gap: 6px; 998 margin-bottom: 10px; 999 } 1000 1001 .wbl-large-brand span { 1002 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 1003 font-size: 11px; 1004 font-weight: 600; 1005 letter-spacing: 1.5px; 1006 text-transform: uppercase; 1007 color: var(--wbl-accent, #ff9900); 1008 } 1009 1010 .wbl-large-brand svg { 1011 width: 14px; 1012 height: 14px; 1013 stroke: var(--wbl-accent, #ff9900); 1014 fill: none; 1015 stroke-width: 2; 1016 } 1017 1018 /* Title */ 1019 .wbl-large-product-title { 1020 font-family: var(--wbl-font-heading, 'Outfit', sans-serif); 1021 font-size: 24px; 1022 font-weight: 600; 1023 color: var(--wbl-text-main, #ffffff); 1024 line-height: 1.2; 1025 margin: 0.5rem 0 1rem 0; 1026 letter-spacing: -0.3px; 1027 } 1028 1029 .wbl-large-card-wrapper .wbl-large-product-title a { 1030 color: var(--wbl-text-main, #ffffff); 1031 text-decoration: none; 1032 } 1033 1034 .wbl-large-card-wrapper .wbl-large-product-title a:hover { 1035 text-decoration: underline; 1036 } 1037 1038 .wbl-large-product-stage a { 1039 display: flex; 1040 align-items: center; 1041 justify-content: center; 1042 } 1043 1044 .wbl-large-card-wrapper p.wbl-large-product-subtitle { 1045 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 1046 font-size: 14px; 1047 color: var(--wbl-text-secondary, #999999); 1048 margin: 0 0 20px 0; 1049 } 1050 1051 /* Description */ 1052 .wbl-large-card-wrapper p.wbl-large-product-description { 1053 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 1054 font-size: 16px; 1055 line-height: 1.4; 1056 color: var(--wbl-text-secondary, #999999); 1057 margin: 0 0 24px 0; 1058 padding-bottom: 20px; 1059 border-bottom: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.04); 1060 } 1061 1062 /* Features Grid */ 1063 .wbl-large-features-grid { 1064 display: grid; 1065 grid-template-columns: 1fr 1fr; 1066 gap: 8px; 1067 margin-bottom: 20px; 1068 } 1069 1070 .wbl-large-feature-item { 1071 display: flex; 1072 align-items: center; 1073 gap: 10px; 1074 padding: 12px 14px; 1075 background: rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.02); 1076 border-radius: calc(var(--wbl-border-radius, 16px) * 0.625); 1077 border: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.04); 1078 transition: all 0.3s ease; 1079 cursor: pointer; 1080 user-select: none; 1081 } 1082 1083 .wbl-large-feature-item:hover { 1084 background: rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.04); 1085 border-color: rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.08); 1086 } 1087 1088 .wbl-large-feature-item.highlight { 1089 background: linear-gradient(135deg, rgba(var(--wbl-accent-rgb, 255,153,0), 0.15) 0%, rgba(var(--wbl-accent-rgb, 255,153,0), 0.06) 100%); 1090 border: 1px solid rgba(var(--wbl-accent-rgb, 255,153,0), 0.25); 1091 } 1092 1093 .wbl-large-feature-item .icon { 1094 font-size: 13px; 1095 color: rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.4); 1096 } 1097 1098 .wbl-large-feature-item.highlight .icon { 1099 color: var(--wbl-accent, #ff9900); 1100 } 1101 1102 .wbl-large-feature-item .text { 1103 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 1104 font-size: 11px; 1105 line-height: 1.2; 1106 color: var(--wbl-text-secondary, #999999); 1107 font-weight: 500; 1108 } 1109 1110 .wbl-large-feature-item.highlight .text { 1111 color: rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.9); 1112 font-weight: 600; 1113 } 1114 1115 /* Specs Grid */ 1116 .wbl-large-specs-grid { 1117 display: grid; 1118 grid-template-columns: 1fr 1fr; 1119 gap: 12px; 1120 margin-bottom: 24px; 1121 padding-bottom: 24px; 1122 border-bottom: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.04); 1123 } 1124 1125 .wbl-large-spec-item { 1126 padding: 12px 0; 1127 } 1128 1129 .wbl-large-spec-item label { 1130 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 1131 font-size: 9px; 1132 line-height: 1.2; 1133 font-weight: 600; 1134 letter-spacing: 1px; 1135 text-transform: uppercase; 1136 color: var(--wbl-text-secondary, #999999); 1137 display: block; 1138 margin-bottom: 6px; 1139 } 1140 1141 .wbl-large-spec-item span { 1142 font-family: var(--wbl-font-heading, 'Outfit', sans-serif); 1143 font-size: 16px; 1144 line-height: 1.2; 1145 font-weight: 700; 1146 color: var(--wbl-text-main, #ffffff); 1147 letter-spacing: -0.5px; 1148 } 1149 1150 /* Buttons */ 1151 .wbl-large-button-group { 1152 display: flex; 1153 gap: 10px; 1154 margin-top: auto; 1155 align-items: stretch; 1156 container-type: inline-size; 1157 } 1158 1159 .wbl-large-card-wrapper .wbl-large-btn-primary { 1160 flex: 1; 1161 display: flex; 1162 align-items: center; 1163 justify-content: center; 1164 gap: 10px; 1165 height: 40px; 1166 padding: 0 24px; 1167 background: linear-gradient(135deg, var(--wbl-accent, #ff9900) 0%, var(--wbl-accent-light, #ffad33) 100%); 1168 border: none; 1169 border-radius: calc(var(--wbl-border-radius, 16px) * 0.75
1169); 1170 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 1171 font-size: clamp(8px, 10cqw, 12px); 1172 font-weight: 700; 1173 letter-spacing: 0.8px; 1174 text-wrap-mode: nowrap; 1175 text-transform: uppercase; 1176 color: var(--wbl-btn-text, #1a1a2e); 1177 cursor: pointer; 1178 box-shadow: 0 8px 24px rgba(var(--wbl-accent-rgb, 255,153,0), var(--wbl-glow-btn, 0.35)); 1179 transition: all 0.3s ease; 1180 text-decoration: none; 1181 } 1182 1183 .wbl-large-card-wrapper .wbl-large-btn-primary:hover { 1184 transform: translateY(-2px); 1185 filter: brightness(1.05); 1186 box-shadow: 0 12px 32px rgba(var(--wbl-accent-rgb, 255,153,0), var(--wbl-glow-btn-hover, 0.45)); 1187 color: var(--wbl-btn-text, #1a1a2e); 1188 text-decoration: none; 1189 } 1190 1191 .wbl-large-card-wrapper .wbl-large-btn-primary svg { 1192 width: 15px; 1193 height: 15px; 1194 stroke: currentColor; 1195 fill: none; 1196 stroke-width: 2.5; 1197 } 1198 1199 .wbl-large-card-wrapper .wbl-large-btn-secondary { 1200 display: flex; 1201 align-items: center; 1202 justify-content: center; 1203 height: 40px; 1204 padding: 0 20px; 1205 background: transparent; 1206 border: 1px solid rgba(var(--wbl-text-secondary-rgb, 153, 153, 153), 0.3); 1207 border-radius: calc(var(--wbl-border-radius, 16px) * 0.75); 1208 font-family: var(--wbl-font-button, 'Space Grotesk', sans-serif); 1209 font-size: clamp(8px, 10cqw, 12px); 1210 font-weight: 600; 1211 letter-spacing: 0.3px; 1212 text-wrap-mode: nowrap; 1213 color: var(--wbl-text-secondary, #999999); 1214 cursor: pointer; 1215 transition: all 0.3s ease; 1216 text-decoration: none; 1217 } 1218 1219 .wbl-large-card-wrapper .wbl-large-btn-secondary:hover { 1220 transform: translateY(-2px); 1221 background: rgba(var(--wbl-text-secondary-rgb, 153, 153, 153), 0.1); 1222 border-color: rgba(var(--wbl-text-secondary-rgb, 153, 153, 153), 0.5); 1223 color: var(--wbl-text-main, #ffffff); 1224 text-decoration: none; 1225 } 1226 1227 /* Disclaimer */ 1228 .wbl-large-card-wrapper .wbl-large-disclaimer { 1229 font-family: var(--wbl-font-body, 'DM Sans', sans-serif); 1230 font-size: 9px; 1231 line-height: 1.2; 1232 color: var(--wbl-text-secondary, #999999); 1233 margin: 10px 0 0 0; 1234 text-align: center; 1235 letter-spacing: 0.3px; 1236 } 1237 1238 /* Responsive - 2-column squeeze zone: buttons stack when content column is too narrow */ 1239 @media (max-width: 1119px) and (min-width: 801px) { 1240 .wbl-large-button-group { 1241 flex-direction: column; 1242 } 1243 1244 .wbl-large-card-wrapper .wbl-large-btn-primary { 1245 flex: none; 1246 } 1247 } 1248 1249 @media (max-width: 800px) { 1250 .wbl-large-card-wrapper { 1251 max-width: 440px; 1252 } 1253 1254 .wbl-large-card { 1255 grid-template-columns: 1fr; 1256 } 1257 1258 .wbl-large-product-stage { 1259 min-height: 200px; 1260 } 1261 1262 .wbl-large-product-stage img { 1263 max-width: 90%; 1264 } 1265 1266 .wbl-large-content-section { 1267 border-left: none; 1268 border-top: 1px solid rgba(var(--wbl-text-main-rgb, 255, 255, 255), 0.04); 1269 } 1270 1271 .wbl-large-features-grid { 1272 grid-template-columns: 1fr; 1273 } 1274 1275 .wbl-large-specs-grid { 1276 grid-template-columns: 1fr; 1277 } 1278 } 1279 1280 @media (max-width: 500px) { 1281 .wbl-large-card-wrapper .wbl-large-btn-primary { 1282 height: 40px; 1283 padding: 0 16px; 1284 font-size: clamp(8px, 10cqw, 12px); 1285 gap: 8px; 1286 letter-spacing: 0.5px; 1287 } 1288 1289 .wbl-large-card-wrapper .wbl-large-btn-primary svg { 1290 width: 13px; 1291 height: 13px; 1292 } 1293 1294 .wbl-large-card-wrapper .wbl-large-btn-secondary { 1295 height: 40px; 1296 padding: 0 14px; 1297 font-size: clamp(8px, 10cqw, 12px); 1298 } 1299 1300 .wbl-large-card-wrapper .wbl-large-disclaimer { 1301 margin-top: 8px; 1302 } 1303 } 1304 1305 @media (max-width: 400px) { 1306 .wbl-large-button-group { 1307 flex-direction: column; 1308 } 1309 1310 .wbl-large-card-wrapper .wbl-large-btn-primary { 1311 flex: none; 1312 } 1313 } 1314 </style> 1315 <style id="wbl-custom-css">.wbl-product-description > *:not(p):not(ul):not(ol), 1316.wbl-wide-product-description > *:not(p):not(ul):not(ol) { 1317 display: none !important; 1318} 1319 1320.wbl-disclaimer ~ * { 1321 display: none !important; 1322} 1323 1324@media (max-width: 768px) { 1325 .wbl-carousel-button { 1326 display: none !important; 1327 } 1328 1329 .wbl-carousel-wrapper, 1330 .wbl-carousel-container, 1331 .wbl-products-grid { 1332 width: 100% !important; 1333 max-width: 100% !important; 1334 padding: 0 !important; 1335 margin: 0 !important; 1336 overflow: visible !important; 1337 min-height: auto !important; 1338 height: auto !important; 1339 transform: none !important; 1340 } 1341 1342 .wbl-products-grid { 1343 display: flex !important; 1344 flex-direction: column !important; 1345 } 1346 1347 .wbl-product-box { 1348 display: block !important; 1349 opacity: 1 !important; 1350 visibility: visible !important; 1351 position: static !important; 1352 width: 100% !important; 1353 max-width: 100% !important; 1354 min-width: unset !important; 1355 left: auto !important; 1356 top: auto !important; 1357 transform: none !important; 1358 box-sizing: border-box !important; 1359 margin-bottom: 16px !important; 1360 z-index: 1 !important; 1361 } 1362 1363 .wbl-product-box, 1364 .wbl-product-box-inner, 1365 .wbl-product-box a, 1366 .wbl-product-box * { 1367 pointer-events: auto !important; 1368 } 1369}</style><style id="wp-custom-css"> 1370 1371 1372/* FIX TABLE MOBILE */ 1373html, body { 1374 overflow-x: hidden; 1375} 1376 1377.article-table { 1378 overflow-x: auto; 1379} 1380 1381.article-table table { 1382 width: 100% !important; 1383 min-width: 640px; 1384 table-layout: auto !important; 1385} 1386 1387.article-table th, 1388.article-table td { 1389 white-space: normal !important; 1390 word-break: break-word; 1391} 1392 1393/* CHá» thumbnail Äầu bà i */ 1394.single-post .gb-container-4e92c4e8 figure, 1395.single-post .gb-container-4e92c4e8 figure img { 1396 border-radius: 10px; 1397 overflow: hidden; 1398} 1399 1400/* CHỠảnh trong ná»i dung bà i viết */ 1401.single-post .entry-content img { 1402 border-radius: 10px; 1403} 1404 1405.btie-style-short a, 1406.btie-style-reviews a { 1407 box-shadow: none !important; 1408 color: black !important; 1409} 1410 1411.btie-style-short a:hover, 1412.btie-style-reviews a:hover { 1413 box-shadow: none !important; 1414 color: black !important; 1415} 1416 1417.btie-style-short { 1418 counter-reset: totalReview; 1419 max-width: 850px; 1420 border: none; 1421} 1422 1423.btie-style-short caption { 1424 caption-side: top !important; 1425 display: table-caption !important; 1426 order: -1; 1427 text-align: center; 1428} 1429 1430.btie-style-short h2 { 1431 text-transform: uppercase; 1432 margin-bottom: 50px; 1433} 1434 1435.btie-style-short:after { 1436 border-bottom: 1px solid #E9E9E9; 1437 content: ""; 1438 width: 100%; 1439 display: block; 1440} 1441 1442table.btie-style-short { 1443 border-collapse: collapse; 1444 width: 100%; 1445 height: 100%; 1446} 1447 1448.btie-style-short tbody { 1449 height: 100%; 1450} 1451 1452.btie-style-short tr { 1453 background-color: #FFF; 1454 margin-bottom: 40px; 1455 display: grid !important; 1456 position: relative; 1457 grid-template-columns: 1fr minmax(0, 2fr) 1fr; 1458 column-gap: 10px; 1459 row-gap: 2px; 1460 padding: 50px 25px 25px; 1461 box-shadow: 0 15px 40px rgb(166 172 201 / .2); 1462 border-radius: 5px; 1463 place-items: start start; 1464 counter-increment: totalReview; 1465} 1466 1467.btie-style-short tr td { 1468 border: none; 1469} 1470 1471.btie-style-short .toc-img { 1472 grid-column-start: 1; 1473 grid-column-end: 2; 1474 grid-row-start: 1; 1475 grid-row-end: 10; 1476 align-self: center; 1477 padding-right: 15px; 1478 line-height: 0; 1479} 1480 1481.btie-style-short .toc-img a { 1482 display: block; 1483} 1484 1485.btie-style-short .toc-img img { 1486 object-fit: cover; 1487 width: 100%; 1488 max-width: 185px; 1489 max-height: 185px; 1490 margin-top: 15px; 1491 margin-bottom: 15px; 1492} 1493 1494.btie-style-short .toc-det { 1495 grid-column-start: 2; 1496 grid-column-end: 4; 1497 grid-row-start: 1; 1498 grid-row-end: 2; 1499 font-size: 24px; 1500 line-height: 24px; 1501 font-weight: 700; 1502 place-self: start start; 1503 width: 100%; 1504} 1505 1506.btie-style-short .toc-det a { 1507 text-decoration: none !important; 1508 color: black; 1509 box-shadow: none; 1510} 1511 1512.btie-style-short .toc-det a:hover { 1513 text-decoration: underline !important; 1514 text-decoration-color: black !important; 1515 box-shadow: none; 1516} 1517 1518.btie-style-short .toc-tag { 1519 position: absolute; 1520 top: -14px; 1521 left: -12px; 1522 display: inline-block; 1523 background-color: #19212B; 1524 color: #FFF; 1525 z-index: 500; 1526 font-weight: 700; 1527 padding: 11px 20px; 1528 font-size: 16px; 1529 line-height: 19px; 1530 text-transform: uppercase; 1531 box-shadow: 2px 2px 2px 0 rgb(0 0 0 / .14); 1532 width: auto; 1533 text-align: left; 1534} 1535 1536.btie-style-short .toc-tag::after { 1537 content: " "; 1538 display: block; 1539 position: absolute; 1540 left: -10px; 1541 bottom: -8px; 1542 border-color: #fff0 rgb(25 33 43 / .40) #fff0 #fff0; 1543 border-style: inset solid inset inset; 1544 border-width: 0 12px 8px 10px; 1545 filter: brightness(50%); 1546 z-index: 1; 1547} 1548 1549.btie-style-short td.toc-pro1::before, 1550.btie-style-short td.toc-pro2::before, 1551.btie-style-short td.toc-pro3::before { 1552 content: '\2713'; 1553 font-size: 12px; 1554 color: #19212B; 1555 margin-right: 5px; 1556 display: inline-block; 1557 width: 16px; 1558 text-align: center; 1559 font-weight: 700; 1560} 1561 1562.btie-style-short .toc-pro1, 1563.btie-style-short .toc-pro2, 1564.btie-style-short .toc-pro3 { 1565 font-size: 16px; 1566 line-height: 22px; 1567 padding: 0; 1568 padding-bottom: 0; 1569 overflow: hidden; 1570 text-overflow: ellipsis; 1571 white-space: nowrap; 1572 min-width: 0; 1573 width: 100%; 1574} 1575 1576.btie-style-short .toc-pro1 { 1577 grid-column-start: 2; 1578 grid-column-end: 3; 1579 grid-row-start: 4; 1580 grid-row-end: 5; 1581 align-self: start; 1582} 1583 1584.btie-style-short .toc-pro2 { 1585 grid-column-start: 2; 1586 grid-column-end: 3; 1587 grid-row-start: 5; 1588 grid-row-end: 6; 1589 align-self: start; 1590} 1591 1592.btie-style-short .toc-pro3 { 1593 grid-column-start: 2; 1594 grid-column-end: 3; 1595 grid-row-start: 6; 1596 grid-row-end: 7; 1597 align-self: start; 1598} 1599 1600.btie-style-short .toc-but { 1601 grid-column-start: 3; 1602 grid-column-end: 4; 1603 grid-row-start: 4; 1604 grid-row-end: 6; 1605 display: flex; 1606 align-self: center; 1607 justify-self: center; 1608 text-align: center; 1609 padding: 10px 20px; 1610 font-size: 15px; 1611 line-height: 22px; 1612 text-transform: uppercase; 1613 font-weight: 700; 1614 border-radius: 5px; 1615 color: #FAF9F9; 1616 background-color: #19212B; 1617 box-shadow: 0 15px 40px rgb(166 172 201 / .2); 1618} 1619 1620.btie-style-short .toc-but a { 1621 color: #FFF !important; 1622 text-decoration: none; 1623 box-shadow: none;
1624 align-self: center; 1625} 1626 1627.btie-style-short .toc-but:hover, 1628.btie-style-short .toc-but:active { 1629 text-decoration-color: #FAF9F9 !important; 1630 transform: matrix(1.02, 0, 0, 1.02, 0, 0); 1631 box-shadow: 0 20px 35px rgb(160 164 183 / .417); 1632 text-decoration: underline; 1633} 1634 1635.btie-style-short .toc-rev { 1636 grid-column-start: 3; 1637 grid-column-end: 4; 1638 grid-row-start: 6; 1639 grid-row-end: 7; 1640 align-self: start; 1641 justify-self: center; 1642 font-size: 15px; 1643 text-decoration: underline; 1644 padding-left: 0; 1645 padding-right: 0; 1646 text-align: center; 1647 line-height: 20px; 1648} 1649 1650.btie-style-short .toc-rev a:hover { 1651 font-weight: 600; 1652} 1653 1654/* Tablet breakpoint */ 1655@media (max-width: 767px) { 1656 .btie-style-short .toc-tag { 1657 font-size: 16px; 1658 } 1659 1660 .btie-style-short tr { 1661 grid-template-columns: minmax(80px, 1fr) 1fr 1fr; 1662 column-gap: 10px; 1663 padding: 40px 20px 30px; 1664 place-items: center center; 1665 } 1666 1667 .btie-style-short .toc-img { 1668 max-width: 150px; 1669 grid-column-start: 1; 1670 grid-column-end: 2; 1671 grid-row-start: 1; 1672 grid-row-end: 9; 1673 } 1674 1675 .btie-style-short .toc-det { 1676 grid-column-start: 2; 1677 grid-column-end: 4; 1678 grid-row-start: 1; 1679 grid-row-end: 2; 1680 font-size: 19px; 1681 line-height: 22px; 1682 margin-bottom: 10px; 1683 } 1684 1685 .btie-style-short .toc-pro1 { 1686 grid-column-start: 2; 1687 grid-column-end: 4; 1688 grid-row-start: 2; 1689 grid-row-end: 3; 1690 width: 100%; 1691 font-size: 16px; 1692 line-height: 23px; 1693 } 1694 1695 .btie-style-short .toc-pro2 { 1696 grid-column-start: 2; 1697 grid-column-end: 4; 1698 grid-row-start: 3; 1699 grid-row-end: 4; 1700 width: 100%; 1701 font-size: 16px; 1702 line-height: 23px; 1703 } 1704 1705 .btie-style-short .toc-pro3 { 1706 grid-column-start: 2; 1707 grid-column-end: 4; 1708 grid-row-start: 4; 1709 grid-row-end: 5; 1710 width: 100%; 1711 font-size: 16px; 1712 line-height: 23px; 1713 } 1714 1715 .btie-style-short .toc-but { 1716 grid-column-start: 3; 1717 grid-column-end: 4; 1718 grid-row-start: 8; 1719 grid-row-end: 9; 1720 place-self: center end; 1721 padding: 8px 14px; 1722 justify-content: center; 1723 } 1724 1725 .btie-style-short .toc-rev { 1726 grid-column-start: 2; 1727 grid-column-end: 3; 1728 grid-row-start: 8; 1729 grid-row-end: 9; 1730 place-self: center start; 1731 font-size: 16px; 1732 line-height: 24px; 1733 } 1734 1735 .btie-style-short .toc-rev:before { 1736 content: "[ "; 1737 } 1738 1739 .btie-style-short .toc-rev:after { 1740 content: " ]"; 1741 } 1742} 1743 1744/* Small tablet / large phone breakpoint */ 1745@media (max-width: 549px) { 1746 .btie-style-short { 1747 display: flex; 1748 flex-direction: column; 1749 max-width: 95%; 1750 margin-left: auto; 1751 margin-right: auto; 1752 } 1753 1754 .btie-style-short tbody { 1755 padding-left: 10px; 1756 padding-right: 10px; 1757 } 1758 1759 .btie-style-short tr { 1760 display: flex !important; 1761 flex-direction: column; 1762 max-width: 450px; 1763 padding: 15px; 1764 margin-bottom: 50px; 1765 } 1766 1767 .btie-style-short .toc-det { 1768 grid-column-start: 1; 1769 grid-column-end: 2; 1770 grid-row-start: 1; 1771 grid-row-end: 2; 1772 font-size: 25px; 1773 line-height: 28px; 1774 letter-spacing: -1px; 1775 margin-top: 35px; 1776 text-align: center; 1777 } 1778 1779 .btie-style-short .toc-img { 1780 grid-column-start: 1; 1781 grid-column-end: 2; 1782 grid-row-start: 2; 1783 grid-row-end: 4; 1784 min-width: 100px; 1785 max-width: 200px; 1786 } 1787 1788 .btie-style-short .toc-pro1, 1789 .btie-style-short .toc-pro2, 1790 .btie-style-short .toc-pro3 { 1791 align-self: center; 1792 max-width: 70%; 1793 overflow: hidden; 1794 text-overflow: ellipsis; 1795 white-space: nowrap; 1796 } 1797 1798 .btie-style-short .toc-but { 1799 min-width: 160px; 1800 font-size: 16px; 1801 margin-top: 20px; 1802 margin-bottom: 0; 1803 } 1804 1805 .btie-style-short .toc-but:hover,
1806 .btie-style-short .toc-but:active { 1807 text-decoration: underline; 1808 text-decoration-color: #FAF9F9; 1809 transform: matrix(1.02, 0, 0, 1.02, 0, 0); 1810 box-shadow: 0 20px 35px rgb(160 164 183 / .417); 1811 } 1812 1813 .btie-style-short .toc-rev { 1814 align-self: center; 1815 margin-bottom: 10px; 1816 } 1817} 1818 1819/* Phone breakpoint */ 1820@media (max-width: 500px) { 1821 .btie-style-short { 1822 max-width: 100%; 1823 } 1824 1825 .btie-style-short .toc-pro1, 1826 .btie-style-short .toc-pro2, 1827 .btie-style-short .toc-pro3 { 1828 max-width: 100%; 1829 } 1830 1831 .btie-style-short .toc-tag { 1832 font-size: 14px; 1833 line-height: 16px; 1834 padding: 12px 15px; 1835 } 1836 1837 .btie-style-short .toc-but { 1838 font-size: 14px; 1839 line-height: 16px; 1840 padding: 12px 15px; 1841 } 1842} 1843 1844/* Reviews section */ 1845.btie-style-reviews-pre { 1846 text-transform: uppercase; 1847 letter-spacing: -1px; 1848 font-size: 38px; 1849 font-weight: 700; 1850 display: block; 1851 margin-top: 50px; 1852 margin-bottom: 0; 1853 text-align: center; 1854 line-height: 36px; 1855} 1856 1857ol.btie-style-reviews { 1858 width: 100%; 1859 list-style-position: inside; 1860 padding-left: 0; 1861 list-style-type: none; 1862 counter-reset: currentReview; 1863 margin-left: 0px; 1864 margin-right: 0px; 1865} 1866 1867.btie-style-reviews > li { 1868 margin-bottom: 25px; 1869 display: flex; 1870 flex-direction: column; 1871} 1872 1873.btie-style-reviews h2 { 1874 font-size: 35px; 1875 margin-bottom: 0; 1876 margin-top: 25px; 1877 width: auto; 1878 background: #FFF; 1879 padding: 35px 25px 0; 1880 text-align: center; 1881 position: relative; 1882 box-shadow: 0 -25px 10px -4px rgb(166 172 201 / .056); 1883 z-index: 1; 1884 border-radius: 3px 3px 0 0; 1885} 1886 1887.btie-style-reviews h2:before { 1888 position: absolute; 1889 top: -14px; 1890 left: -12px; 1891 display: inline-block; 1892 background-color: #19212B; 1893 color: #FAF9F9; 1894 z-index: 500; 1895 font-weight: 700; 1896 padding: 14px; 1897 font-size: 16px; 1898 line-height: 12px; 1899 text-transform: uppercase; 1900 box-shadow: 2px 2px 2px 0 rgb(0 0 0 / .14); 1901 width: auto; 1902 text-align: left; 1903 content: counter(currentReview) " / " counter(totalReview) " "; 1904 counter-increment: currentReview; 1905} 1906 1907.btie-style-box { 1908 background-color: #FFF; 1909 margin-bottom: 15px; 1910 display: grid; 1911 position: relative; 1912 grid-template-columns: 1fr 1fr; 1913 column-gap: 25px; 1914 row-gap: 25px; 1915 padding: 25px; 1916 box-shadow: 0 25px 10px -4px rgb(166 172 201 / .056); 1917 place-items: center center; 1918 z-index: 1; 1919 border-radius: 0 0 3px 3px; 1920} 1921 1922.btie-style-box-image { 1923 grid-column-start: 1; 1924 grid-column-end: 2; 1925 grid-row-start: 1; 1926 grid-row-end: 3; 1927 width: 100%; 1928 text-align: center; 1929} 1930 1931.btie-style-box-image img { 1932 max-width: 200px; 1933 width: 100%; 1934} 1935 1936.btie-style-box a:has(> img) { 1937 grid-column-start: 1; 1938 grid-column-end: 2; 1939 grid-row-start: 1; 1940 grid-row-end: 3; 1941 width: 100%; 1942 text-align: center; 1943} 1944 1945.btie-style-box img { 1946 max-width: 200px; 1947 max-height: 200px; 1948} 1949 1950.btie-style-box:after { 1951 border-right: 1px solid #19212C; 1952 content: " "; 1953 height: 75%; 1954 position: absolute; 1955 margin-left: 50%; 1956 margin-right: 50%; 1957} 1958 1959.btie-style-box p { 1960 grid-column-start: 2; 1961 grid-column-end: 3; 1962 grid-row-start: 1; 1963 grid-row-end: 2; 1964 place-items: center center; 1965 font-weight: 600; 1966 font-size: 35px; 1967 line-height: 38px; 1968 text-transform: uppercase; 1969 padding: 0; 1970 margin: 0; 1971 letter-spacing: -1px; 1972 text-align: center; 1973} 1974 1975.btie-style-box p:before { 1976 content: "Our Verdict:"; 1977 display: block; 1978 font-size: 20px; 1979} 1980 1981a.btie-style-box-button { 1982 grid-column-start: 2; 1983 grid-column-end: 3; 1984 grid-row-start: 2; 1985 grid-row-end: 3; 1986 place-items: center center; 1987 text-align: center; 1988 padding: 12px 15px; 1989 font-size: 18px; 1990 line-height: 22px; 1991 text-transform: uppercase; 1992 border-radius: 5px; 1993 font-weight: 700; 1994 min-width: 212px; 1995 color: #FAF9F9 !important; 1996 background-color: #19212B; 1997 box-shadow: 0 15px 40px rgb(166 172 201 / .2); 1998 text-decoration: none; 1999} 2000 2001a.btie-style-box-button:hover, 2002a.btie-style-box-button:active { 2003 text-decoration: underline !important; 2004 text-decoration-color: #FAF9F9; 2005 color: #FFF !important; 2006 transform: matrix(1.02, 0, 0, 1.02, 0, 0); 2007 box-shadow: 0 20px 35px rgb(160 164 183 / .417); 2008} 2009 2010@media (max-width: 765px) { 2011 .btie-style-box:after { 2012 border: none; 2013 } 2014 2015 .btie-style-box-image {
2016 border-right: none; 2017 padding-right: 0; 2018 } 2019 2020 .btie-style-box-image img { 2021 min-width: 93px; 2022 } 2023 2024 .btie-style-box a:has(> img) { 2025 border-right: none; 2026 padding-right: 0; 2027 } 2028 2029 .btie-style-box img { 2030 min-width: 93px; 2031 } 2032 2033 .btie-style-box p { 2034 align-self: end; 2035 } 2036 2037 a.btie-style-box-button { 2038 align-self: start; 2039 } 2040} 2041 2042@media (max-width: 580px) { 2043 .btie-style-box p { 2044 font-size: 22px; 2045 line-height: 27px; 2046 } 2047 2048 .btie-style-box p:before { 2049 font-size: 17px; 2050 line-height: 30px; 2051 } 2052 2053 a.btie-style-box-button { 2054 padding: 8px 10px; 2055 font-size: 16px; 2056 line-height: 22px; 2057 min-width: 172px; 2058 } 2059} 2060 2061/* Reviews features list */ 2062.btie-style-reviews-features { 2063 flex-wrap: wrap; 2064 display: grid; 2065 grid-template-columns: calc(33% - 1rem * 1/2) calc(33% - 1rem * 1/2) calc(33% - 1rem * 1/2); 2066 grid-column-gap: 1rem; 2067 padding: 0; 2068 text-align: center; 2069} 2070 2071@media (min-width: 501px) { 2072 .btie-style-reviews-features { 2073 font-size: 15px; 2074 line-height: 26px; 2075 } 2076} 2077 2078.btie-style-reviews-features li { 2079 list-style: none; 2080 border-bottom: 1px solid #E7E7E7; 2081 align-items: center; 2082 padding: .25rem; 2083 display: flex; 2084 flex-direction: column; 2085 justify-content: center; 2086} 2087 2088.btie-style-reviews-features li span { 2089 font-weight: 700; 2090 min-width: 50%; 2091 display: block; 2092} 2093 2094@media (max-width: 580px) { 2095 .btie-style-reviews-features { 2096 line-height: 24px; 2097 grid-template-columns: calc(50% - 1rem * 1/2) calc(50% - 1rem * 1/2); 2098 } 2099} 2100 2101@media (max-width: 500px) { 2102 .btie-style-reviews-pre { 2103 font-size: 30px; 2104 width: 100%; 2105 text-align: center; 2106 } 2107 2108 .btie-style-reviews li { 2109 max-width: 350px; 2110 margin-left: auto; 2111 margin-right: auto; 2112 } 2113 2114 .btie-style-reviews h2 { 2115 font-size: 26px !important; 2116 padding-top: 35px; 2117 margin-top: 25px; 2118 margin-bottom: 0; 2119 background-color: #FFF; 2120 text-align: center; 2121 padding-left: 15px; 2122 padding-right: 15px; 2123 } 2124 2125 .btie-style-box { 2126 grid-template-columns: 1fr; 2127 row-gap: 10px; 2128 padding: 15px 35px 35px; 2129 place-content: center center; 2130 } 2131 2132 .btie-style-box-image { 2133 grid-column-start: 1; 2134 grid-column-end: 2; 2135 grid-row-start: 1; 2136 grid-row-end: 2; 2137 } 2138 2139 .btie-style-box-image img { 2140 width: 175px; 2141 } 2142 2143 .btie-style-box a:has(> img) { 2144 grid-column-start: 1; 2145 grid-column-end: 2; 2146 grid-row-start: 1; 2147 grid-row-end: 2; 2148 } 2149 2150 .btie-style-box img { 2151 width: 175px; 2152 } 2153 2154 .btie-style-box p { 2155 grid-column-start: 1; 2156 grid-column-end: 2; 2157 grid-row-start: 2; 2158 grid-row-end: 3; 2159 font-size: 25px; 2160 line-height: 27px; 2161 margin-bottom: 15px; 2162 } 2163 2164 a.btie-style-box-button { 2165 grid-column-start: 1; 2166 grid-column-end: 2; 2167 grid-row-start: 3; 2168 grid-row-end: 4; 2169 padding: 10px; 2170 font-size: 16px; 2171 line-height: 22px; 2172 min-width: 193px; 2173 } 2174 2175 .btie-style-reviews-features { 2176 line-height: 24px; 2177 grid-template-columns: 1fr; 2178 text-align: left; 2179 padding-left: 0; 2180 margin-left: 0; 2181 list-style: none; 2182 } 2183 2184 ol.btie-style-reviews, 2185 ul.btie-style-reviews-features { 2186 padding-left: 0; 2187 margin-left: 5px !important; 2188 margin-right: 5px !important; 2189 list-style: none; 2190 } 2191 2192 .btie-style-reviews-features li { 2193 align-content: start; 2194 justify-content: start; 2195 padding-top: 5px; 2196 padding-bottom: 5px; 2197 display: inline; 2198 flex-basis: 100%; 2199 border: none; 2200 padding-left: 0; 2201 margin-left: 0; 2202 list-style: none; 2203 } 2204 2205 .btie-style-reviews-features li span { 2206 display: block; 2207 } 2208 2209 .btie-style-reviews > li { 2210 border-bottom: 1px solid #E7E7E7; 2211 padding-bottom: 25px; 2212 } 2213} 2214 2215/* Description list fixes */ 2216.btie-style-desc:has(> ul:last-child) > ul, 2217.btie-style-desc:has(> ol:last-child) > ol { 2218 margin-bottom: 16px; 2219} 2220</style> 2221<style id="core-block-supports-inline-css"> 2222.wp-container-core-social-links-is-layout-7d812b4c{justify-content:center;}.wp-container-core-group-is-layout-58e959d2{flex-direction:column;align-items:flex-start;justify-content:center;}.wp-container-core-columns-is-layout-8f761849{flex-wrap:nowrap;} 2223/*# sourceURL=core-block-supports-inline-css */ 2224</style> 2225 2226<style>:root { --c34j-accent: var(--accent, #0a7cc2); --c34j-ink: var(--contrast, #1f2328); --c34j-muted: var(--contrast-2, #5b6470); --c34j-soft: color-mix(in srgb, var(--c34j-accent) 6%, #fff); --c34j-line: #e3e7ec; --c34j-good: #17804a; --c34j-bad: #c23a2b; --c34j-radius: 12px; } @supports (overflow-x: clip) { html, body { overflow-x: clip; } } .single .entry-content > p, .single .entry-content > :is(ul, ol) > li { line-height: 1.75; } .single .entry-content > :is(h2, h3, h4) { line-height: 1.3; letter-spacing: -0.01em; scroll-margin-top: 90px; text-wrap: balance; } .single .entry-content > h2 { position: relative; margin-top: 2.2em; margin-bottom: 0.9em; padding-bottom: 0.45em;
2226 border-bottom: 1px solid var(--c34j-line); } .single .entry-content > h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 56px; height: 3px; border-radius: 3px; background: var(--c34j-accent); } .single .entry-content > h3 { margin-top: 1.8em; margin-bottom: 0.7em; padding-left: 0.65em; border-left: 3px solid var(--c34j-accent); } .single .entry-content > :is(p, ul, ol) a:not([class]) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--c34j-accent) 45%, transparent); } .single .entry-content > :is(p, ul, ol) a:not([class]):hover { text-decoration-color: var(--c34j-accent); } .single .entry-content > p strong, .single .entry-content > :is(ul, ol) > li strong { background: linear-gradient(transparent 62%, color-mix(in srgb, var(--c34j-accent) 12%, transparent) 62%); padding: 0 1px; } .single .entry-content > :is(ul, ol):not([class]) { margin: 0 0 1.6em; padding-left: 0; list-style: none; } .single .entry-content > :is(ul, ol):not([class]) > li { position: relative; padding-left: 1.9em; margin-bottom: 0.55em; } .single .entry-content > ul:not([class]) > li::before { content: ""; position: absolute; left: 0.45em; top: 0.7em; width: 7px; height: 7px; border-radius: 50%; background: var(--c34j-accent); } .single .entry-content > ol:not([class]) { counter-reset: ptk-buoc; } .single .entry-content > ol:not([class]) > li { counter-increment: ptk-buoc; padding-left: 2.4em; } .single .entry-content > ol:not([class]) > li::before { content: counter(ptk-buoc); position: absolute; left: 0; top: 0.12em; width: 1.65em; height: 1.65em; border-radius: 50%; background: var(--c34j-accent); color: #fff; font-size: 0.82em; font-weight: 700; line-height: 1.65em; text-align: center; } .single .entry-content > :is(ul, ol) li > :is(ul, ol) { margin: 0.5em 0 0; } .single .entry-content > blockquote { margin: 1.8em 0; padding: 1em 1.3em; border-left: 4px solid var(--c34j-accent); border-radius: 0 var(--c34j-radius) var(--c34j-radius) 0; background: var(--c34j-soft); font-style: normal; } .single .entry-content > blockquote p:last-child { margin-bottom: 0; } .single .entry-content > figure.wp-block-image { margin: 1.8em 0; text-align: center; } .single .entry-content > figure.wp-block-image img { box-shadow: 0 6px 22px rgba(20, 24, 31, 0.10); } .single .entry-content > figure :is(figcaption, .wp-element-caption) { margin-top: 0.65em; font-size: 13.5px; line-height: 1.45; color: var(--c34j-muted); text-align: center; } .single .entry-content > figure figcaption > small:only-child { display: inline-block; padding: 2px 10px; border-radius: 999px; background: #f1f3f5; font-size: 12px; } .single .entry-content > figure figcaption > small a { color: inherit; text-decoration: none; } .single .entry-content > .wp-block-table { margin: 1.8em 0; overflow-x: auto; } :is(.single .entry-content > table:not([class*="btie"]), .single .entry-content > :is(.wp-block-table, .article-table) > table) { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--c34j-line); border-radius: var(--c34j-radius); overflow: hidden; font-size: 15px; line-height: 1.45; margin: 0 0 1.8em; } .single .entry-content > .wp-block-table > table { margin: 0; } :is(.single .entry-content > table:not([class*="btie"]), .single .entry-content > :is(.wp-block-table, .article-table) > table) :is(th, td) { padding: 11px 14px; border: 0; border-bottom: 1px solid #eceef1; text-align: left; vertical-align: middle; } .single .entry-content > .wp-block-table thead { border-bottom: 0; } :is(.single .entry-content > table:not([class*="btie"]), .single .entry-content > :is(.wp-block-table, .article-table) > table) th { background: #f5f7f9; color: var(--c34j-ink); font-size: 13px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } :is(.single .entry-content > table:not([class*="btie"]), .single .entry-content > :is(.wp-block-table, .article-table) > table) tbody tr:nth-child(even) td { background: #fafbfc; } :is(.single .entry-content > table:not([class*="btie"]), .single .entry-content > :is(.wp-block-table, .article-table) > table) tr:last-child td { border-bottom: 0; } :is(.single .entry-content > table:not([class*="btie"]), .single .entry-content > :is(.wp-block-table, .article-table) > table) td:first-child { font-weight: 600; } .single .entry-content { container-type: inline-size; } .single .entry-content > .rt-top-picks { border-color: color-mix(in srgb, var(--c34j-accent) 25%, var(--c34j-l
2226ine)); } .single .entry-content > .rt-top-picks td.rt-img { width: 88px; min-width: 88px; } .single .entry-content > .rt-top-picks td.rt-img img { width: 76px; height: 76px; object-fit: contain; background: #fff; border: 1px solid #eef0f3; border-radius: 10px; } .single .entry-content > .rt-top-picks td.rt-name a { color: var(--c34j-ink); font-weight: 700; text-decoration: none; } .single .entry-content > .rt-top-picks td.rt-name a:hover { color: var(--c34j-accent); } .single .entry-content > .rt-top-picks td.rt-award a { display: inline-block; padding: 3px 10px; border-radius: 999px; background: color-mix(in srgb, var(--c34j-accent) 12%, #fff); color: color-mix(in srgb, var(--c34j-accent) 70%, #000); font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.5; text-decoration: none; white-space: nowrap; } .single .entry-content > .rt-top-picks tr:first-child td.rt-award a { background: var(--c34j-accent); color: #fff; } .single .entry-content > .rt-top-picks td.rt-reason { font-size: 14px; color: var(--c34j-muted); } .single .entry-content > .rt-top-picks td.rt-btn { width: 1%; white-space: nowrap; } .single .entry-content > .rt-top-picks .rt-buy { display: inline-block; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--c34j-accent); color: #fff !important; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; text-decoration: none; transition: filter .15s ease; } .single .entry-content > .rt-top-picks .rt-buy:hover, .single .entry-content > .rt-top-picks .rt-buy:focus-visible { filter: brightness(0.9); } @container (max-width: 900px) { .single .entry-content > .rt-top-picks thead { display: none; } .single .entry-content > :is(.rt-top-picks, .rt-top-picks > tbody) { display: block; } .single .entry-content > .rt-top-picks tr { display: grid; grid-template-columns: 88px 1fr; column-gap: 14px; row-gap: 5px; padding: 16px; border-bottom: 1px solid #eceef1; } .single .entry-content > .rt-top-picks tr:last-child { border-bottom: 0; } .single .entry-content > .rt-top-picks tbody tr:first-child { background: color-mix(in srgb, var(--c34j-accent) 5%, #fff); } .single .entry-content > .rt-top-picks tr td { background: transparent !important; } .single .entry-content > .rt-top-picks td { padding: 0; border: 0; width: auto; min-width: 0; } .single .entry-content > .rt-top-picks td.rt-img { grid-row: 1 / span 5; width: 88px; } .single .entry-content > .rt-top-picks td.rt-award { order: -1; } .single .entry-content > .rt-top-picks td.rt-name { font-size: 16.5px; line-height: 1.35; } .single .entry-content > .rt-top-picks td.rt-bestfor { font-size: 14px; } .single .entry-content > .rt-top-picks td.rt-bestfor::before { content: "Best for: "; font-weight: 700; } .single .entry-content > .rt-top-picks td.rt-btn { grid-column: 2; margin-top: 6px; } } @container (min-width: 560px) and (max-width: 900px) { .single .entry-content > .rt-top-picks tr { grid-template-columns: 88px 1fr auto; } .single .entry-content > .rt-top-picks td.rt-btn { grid-column: 3; grid-row: 1 / span 5; align-self: center; margin-top: 0; } } .single .entry-content > .rt-compare td.rt-name a { color: var(--c34j-ink); text-decoration: none; } @media (max-width: 640px) { .single .entry-content > table:not(.rt-top-picks):not([class*="btie"]), .single .entry-content > .wp-block-table > table { display: block; overflow-x: auto; } .single .entry-content > .rt-compare :is(th, td):first-child { position: sticky; left: 0; z-index: 1; background: #fff; box-shadow: 1px 0 0 var(--c34j-line); min-width: 150px; } } .single .entry-content > h2:has(> a[rel~="sponsored"]) { margin-top: 2.8em; padding: 18px 0 0.5em; border-top: 3px solid var(--c34j-accent); border-bottom: 0; color: var(--c34j-accent); font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .single .entry-content > h2:has(> a[rel~="sponsored"])::after { display: none; } .single .entry-content > h2:has(> a[rel~="sponsored"]) > a { display: block; margin-top: 6px; color: var(--c34j-ink); font-size: clamp(22px, 3.4cqi, 28px); font-weight: 800; letter-spacing: -0.015em; line-height: 1.25; text-transform: none; text-decoration: none; } .single .entry-content > h2:has(> a[rel~="sponsored"]) > a:hover { color: var(--c34j-accent); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ h3:is(:has(+ p + h3 + ul), :has(+ p + p + h3 + ul)) { margin: 1.4em 0 0; padding: 14px 18px 4px; border: 0; border-radius: var(--c34j-radius) var(--c34j-radius) 0 0; background: var(--c34j-soft); color: var(--c34j-accent); font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ h3:is(:has(+ p + h3 + ul), :has(+ p + p + h3 + ul)) + p, .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ h3:has(+ p + p + h3 + ul) + p + p { margin: 0; padding: 4px 18px 14px; background: var(--c34j-soft); font-size: 16.5px; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ h3:has(+ p + p + h3 + ul) + p { padding-bottom: 8px; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(+ h3 + ul):is(h3 + p, h3 + p + p) { border-radius: 0 0 var(--c34j-radius) var(--c34j-radius); margin-bottom: 1.4em; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + ul + h3 + p) { display: flex; flex-wrap: wrap; gap: 8px; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + ul + h3 + p) > li { margin: 0; padding: 8px 12px;
2226 border: 1px solid var(--c34j-line); border-radius: 8px; background: #f7f8fa; font-size: 14px; line-height: 1.4; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + ul + h3 + p) > li::before { display: none; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ h3:has(+ ul + h3 + ul + h3 + p), .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 { margin: 1.2em 0 0; padding: 12px 18px 6px; border: 0; border-radius: var(--c34j-radius) var(--c34j-radius) 0 0; font-size: 13px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ h3:has(+ ul + h3 + ul + h3 + p) { background: color-mix(in srgb, var(--c34j-good) 9%, #fff); color: var(--c34j-good); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 { background: color-mix(in srgb, var(--c34j-bad) 8%, #fff); color: var(--c34j-bad); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p), .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 + ul { margin: 0 0 1em; padding: 4px 18px 12px; border-radius: 0 0 var(--c34j-radius) var(--c34j-radius); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) { background: color-mix(in srgb, var(--c34j-good) 9%, #fff); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 + ul { background: color-mix(in srgb, var(--c34j-bad) 8%, #fff); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) > li::before, .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 + ul > li::before { left: 0; top: 0.35em; width: 1.25em; height: 1.25em; border-radius: 50%; color: #fff; font-size: 0.78em; font-weight: 800; line-height: 1.25em; text-align: center; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) > li::before { content: "â"; background: var(--c34j-good); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 + ul > li::before { content: "â"; background: var(--c34j-bad); } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 + ul + h3 { margin: 1.4em 0 0; padding: 12px 18px 4px; border: 1px solid color-mix(in srgb, var(--c34j-accent) 30%, var(--c34j-line)); border-bottom: 0; border-left-width: 4px; border-left-color: var(--c34j-accent); border-radius: 0 var(--c34j-radius) 0 0; color: var(--c34j-ink); font-size: 13px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ ul:has(+ h3 + ul + h3 + p) + h3 + ul + h3 + p { margin: 0 0 1.4em; padding: 4px 18px 14px; border: 1px solid color-mix(in srgb, var(--c34j-accent) 30%, var(--c34j-line)); border-top: 0; border-left-width: 4px; border-left-color: var(--c34j-accent); border-radius: 0 0 var(--c34j-radius) 0; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 1.4em 0 0.6em; padding-top: 14px; border-top: 1px dashed var(--c34j-line); font-size: 0; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) > strong { flex-basis: 100%; background: none; color: var(--c34j-muted); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) > a { display: inline-block; padding: 10px 16px; border: 2px solid var(--c34j-accent); border-radius: 8px; color: var(--c34j-accent); font-size: 13.5px; font-weight: 700; line-height: 1.2; text-decoration: none; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) > a::before { content: "View at "; font-weight: 500; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) > a[href*="amazon."] { background: var(--c34j-accent); color: #fff; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) > a[href*="amazon."]::before { content: "Check price on "; } .single .entry-content > h2:has(> a[rel~="sponsored"]) ~ p:has(> strong:first-child + a):is(:last-child, :has(+ h2)) > a:hover { filter: brightness(0.92); } .single .entry-content #rank-math-faq .rank-math-list-item { margin-bottom: 10px; padding: 14px 18px 4px;
2226 border: 1px solid var(--c34j-line); border-radius: var(--c34j-radius); } .single .entry-content #rank-math-faq .rank-math-question { margin: 0 0 6px; font-size: 17px; } .single .entry-content #rank-math-faq .rank-math-question::before { content: "Q"; display: inline-block; width: 1.5em; height: 1.5em; margin-right: 8px; border-radius: 6px; background: var(--c34j-accent); color: #fff; font-size: 0.8em; line-height: 1.5em; text-align: center; vertical-align: 0.1em; } .single #ez-toc-container { background: #f7f8fa; border: 1px solid var(--c34j-line); border-radius: var(--c34j-radius); box-shadow: none; padding: 12px 16px; } @media (max-width: 1200px) { .a2a_floating_style.a2a_vertical_style { display: none !important; } } :is(.inside-right-sidebar, .inside-left-sidebar):has(> .mv-stacked-sidebar-rail) :is(.sticky-container, .sticky-container > .gb-inside-container, .is-position-sticky) { position: static; } @media (prefers-reduced-motion: reduce) { .single .entry-content > .rt-top-picks .rt-buy { transition: none; } }</style></head> 2227 2228<body class="archive category category-bathroom category-89 wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-generatepress_child post-image-below-header post-image-aligned-center sticky-menu-fade right-sidebar nav-below-header one-container header-aligned-center dropdown-hover" itemtype="https://schema.org/Blog" itemscope> 2229 <a class="screen-reader-text skip-link" href="#content" title="Skip to content">Skip to content</a> <header class="site-header" id="masthead" aria-label="Site" itemtype="https://schema.org/WPHeader" itemscope> 2230 <div class="inside-header grid-container"> 2231 <div class="site-logo"> 2232 <a href="https://interior-design-portland.com/" rel="home"> 2233 <img class="header-image is-logo-image" alt="Interior Design Portland" src="https://interior-design-portland.com/wp-content/uploads/2026/07/pangaeainclogo.png" width="333" height="73" /> 2234 </a> 2235 </div> </div> 2236 </header> 2237 <nav class="main-navigation nav-align-center has-menu-bar-items sub-menu-right" id="site-navigation" aria-label="Primary" itemtype="https://schema.org/SiteNavigationElement" itemscope> 2238 <div class="inside-navigation grid-container"> 2239 <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> 2240 <span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="mobile-menu">Menu</span> </button> 2241 <div id="primary-menu" class="main-nav"><ul id="menu-primary" class=" menu sf-menu"><li id="menu-item-617" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-617"><a href="https://interior-design-portland.com/">Home</a></li> 2242<li id="menu-item-2177" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-2177"><a href="https://interior-design-portland.com/bathroom/" aria-current="page">Bathroom</a></li> 2243<li id="menu-item-823" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-823"><a href="https://interior-design-portland.com/about/">About</a></li> 2244<li id="menu-item-818" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-818"><a href="https://interior-design-portland.com/contact/">Contact</a></li> 2245<li id="menu-item-891" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-has-children menu-item-891"><a rel="privacy-policy" href="https://interior-design-portland.com/privacy-policy/">Privacy Policy<span role="presentation" class="dropdown-menu-toggle">
2245<span class="gp-icon icon-arrow"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M305.913 197.085c0 2.266-1.133 4.815-2.833 6.514L171.087 335.593c-1.7 1.7-4.249 2.832-6.515 2.832s-4.815-1.133-6.515-2.832L26.064 203.599c-1.7-1.7-2.832-4.248-2.832-6.514s1.132-4.816 2.832-6.515l14.162-14.163c1.7-1.699 3.966-2.832 6.515-2.832 2.266 0 4.815 1.133 6.515 2.832l111.316 111.317 111.316-111.317c1.7-1.699 4.249-2.832 6.515-2.832s4.815 1.133 6.515 2.832l14.162 14.163c1.7 1.7 2.833 4.249 2.833 6.515z" /></svg></span></span></a> 2246<ul class="sub-menu"> 2247 <li id="menu-item-893" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-893"><a href="https://interior-design-portland.com/disclaimer/">Disclaimer</a></li> 2248 <li id="menu-item-892" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-892"><a href="https://interior-design-portland.com/cookies-policy/">Cookies Policy</a></li> 2249 <li id="menu-item-894" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-894"><a href="https://interior-design-portland.com/terms-and-conditions/">Terms and Conditions</a></li> 2250</ul> 2251</li> 2252</ul></div><div class="menu-bar-items"> <span class="menu-bar-item"> 2253 <a href="#" role="button" aria-label="Open search" aria-haspopup="dialog" aria-controls="gp-search" data-gpmodal-trigger="gp-search"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span></a> 2254 </span> 2255 </div> </div> 2256 </nav> 2257 2258 <div class="site grid-container container hfeed" id="page"> 2259 <div class="site-content" id="content"> 2260 2261 <div class="content-area" id="primary"> 2262 <main class="site-main" id="main"> 2263 <div class="gb-container gb-container-04da9225"> 2264 2265<h1 class="gb-headline gb-headline-12009776 gb-headline-text">Bathroom</h1> 2266 2267 2268<div class="wp-block-categories-dropdown wp-block-categories-taxonomy-category wp-block-categories"><label class="wp-block-categories__label" for="wp-block-categories-1">Categories</label><select name='category_name' id='wp-block-categories-1' class='postform'> 2269 <option value='-1'>Select Category</option> 2270 <option class="level-0" value="bathroom" selected="selected">Bathroom</option> 2271</select>
2271<script> 2272( ( [ dropdownId, homeUrl ] ) => { 2273 const dropdown = document.getElementById( dropdownId ); 2274 function onSelectChange() { 2275 setTimeout( () => { 2276 if ( 'escape' === dropdown.dataset.lastkey ) { 2277 return; 2278 } 2279 // Only navigate if a valid term is selected (not the default "Select [taxonomy]" option) 2280 if ( dropdown.value && dropdown.value !== '-1' && dropdown instanceof HTMLSelectElement ) { 2281 const url = new URL( homeUrl ); 2282 url.searchParams.set( dropdown.name, dropdown.value ); 2283 location.href = url.href; 2284 } 2285 }, 250 ); 2286 } 2287 function onKeyUp( event ) { 2288 if ( 'Escape' === event.key ) { 2289 dropdown.dataset.lastkey = 'escape'; 2290 } else { 2291 delete dropdown.dataset.lastkey; 2292 } 2293 } 2294 function onClick() { 2295 delete dropdown.dataset.lastkey; 2296 } 2297 dropdown.addEventListener( 'keyup', onKeyUp ); 2298 dropdown.addEventListener( 'click', onClick ); 2299 dropdown.addEventListener( 'change', onSelectChange ); 2300 } )( ["wp-block-categories-1","https://interior-design-portland.com"] ); 2301//# sourceURL=build_dropdown_script_block_core_categories 2302</script>
2302 2303 2304</div> 2305</div> 2306 2307<div class="dynamic-term-description"></div> 2308 2309<div class="gb-container gb-container-ba3d87b1"> 2310 2311<div class="gb-grid-wrapper gb-grid-wrapper-5cbf6a7d gb-query-loop-wrapper"> 2312<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2279 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2313<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/modern-bathtub-ideas/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/modern-bathtub-ideas.jpg" class="gb-image-628deb9f" alt="Various modern bathtubs showcasing unique designs and materials." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/modern-bathtub-ideas.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/modern-bathtub-ideas-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/modern-bathtub-ideas-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2314 2315<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2316 2317<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/modern-bathtub-ideas/">10 Modern Bathtub Ideas for 2026 Bathrooms</a></h3> 2318 2319<div class="gb-container gb-container-583c9eec"> 2320<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-28T16:45:52+00:00">September 28, 2026</time></div> 2321 2322<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2323</div> 2324</div></div> 2325 2326<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2278 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2327<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/how-do-you-tile-a-bathroom-floor/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-you-tile-a-bathroom-floor.jpg" class="gb-image-628deb9f" alt="A partially tiled bathroom floor with tools and materials scattered around." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-you-tile-a-bathroom-floor.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-you-tile-a-bathroom-floor-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-you-tile-a-bathroom-floor-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2328 2329<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2330 2331<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/how-do-you-tile-a-bathroom-floor/">How to Tile a Bathroom Floor: 9 Steps for a Professional Finish</a></h3> 2332 2333<div class="gb-container gb-container-583c9eec"> 2334<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-26T23:57:28+00:00">September 26, 2026</time></div> 2335 2336<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2337</div> 2338</div></div> 2339 2340<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2276 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2341<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/how-do-i-install-a-bathroom-vanity/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-i-install-a-bathroom-vanity.jpg" class="gb-image-628deb9f" alt="A contemporary bathroom vanity with a sink and countertop." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-i-install-a-bathroom-vanity.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-i-install-a-bathroom-vanity-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-i-install-a-bathroom-vanity-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2342 2343<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2344 2345<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/how-do-i-install-a-bathroom-vanity/">How to Install a Bathroom Vanity: A Complete 8-Step Guide for 2026</a></h3> 2346 2347<div class="gb-container gb-container-583c9eec"> 2348<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-23T16:14:45+00:00">September 23, 2026</time></div> 2349 2350<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2351</div> 2352</div></div> 2353 2354<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2273 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2355<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/black-and-white-bathroom-ideas/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/black-and-white-bathroom-ideas.jpg" class="gb-image-628deb9f" alt="Black and white bathroom with stylish tiles and modern fixtures." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/black-and-white-bathroom-ideas.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/black-and-white-bathroom-ideas-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/black-and-white-bathroom-ideas-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2356 2357<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2358 2359<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/black-and-white-bathroom-ideas/">10 Black and White Bathroom Ideas for 2026</a></h3> 2360 2361<div class="gb-container gb-container-583c9eec"> 2362<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-18T17:36:29+00:00">September 18, 2026</time></div> 2363 2364<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2365</div> 2366</div></div> 2367 2368<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2271 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2369<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/how-much-is-a-walk-in-shower/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-much-is-a-walk-in-shower.jpg" class="gb-image-628deb9f" alt="A stylish walk-in shower with glass doors and elegant tile work." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/how-much-is-a-walk-in-shower.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-much-is-a-walk-in-shower-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-much-is-a-walk-in-shower-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2370 2371<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2372 2373<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/how-much-is-a-walk-in-shower/">How Much Is a Walk-In Shower? 7 Types We Compared for 2026</a></h3> 2374 2375<div class="gb-container gb-container-583c9eec"> 2376<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-14T04:39:20+00:00">September 14, 2026</time></div> 2377 2378<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2379</div> 2380</div></div> 2381 2382<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2270 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2383<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/bath-renovation-ideas/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/bath-renovation-ideas.jpg" class="gb-image-628deb9f" alt="A modern bathroom with serene colors, a freestanding tub, and natural light." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/bath-renovation-ideas.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/bath-renovation-ideas-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/bath-renovation-ideas-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2384 2385<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2386 2387<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/bath-renovation-ideas/">15 Bath Renovation Ideas for a Calm, Modern Space</a></h3> 2388 2389<div class="gb-container gb-container-583c9eec"> 2390<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-12T18:25:55+00:00">September 12, 2026</time></div> 2391 2392<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2393</div> 2394</div></div> 2395 2396<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2267 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2397<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/how-can-i-decorate-my-bathroom/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-can-i-decorate-my-bathroom.jpg" class="gb-image-628deb9f" alt="A well-decorated bathroom featuring various design elements and accessories." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/how-can-i-decorate-my-bathroom.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-can-i-decorate-my-bathroom-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-can-i-decorate-my-bathroom-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2398 2399<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2400 2401<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/how-can-i-decorate-my-bathroom/">10 Bathroom Decorating Ideas for a Budget-Friendly Refresh</a></h3> 2402 2403<div class="gb-container gb-container-583c9eec"> 2404<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-09T14:57:39+00:00">September 9, 2026</time></div> 2405 2406<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2407</div> 2408</div></div> 2409 2410<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2265 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2411<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/how-to-remove-bathroom-tub/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-remove-bathroom-tub.jpg" class="gb-image-628deb9f" alt="A person preparing to remove a bathtub with tools and safety gear." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-remove-bathroom-tub.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-remove-bathroom-tub-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-remove-bathroom-tub-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2412 2413<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2414 2415<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/how-to-remove-bathroom-tub/">
2415How to Remove a Bathroom Tub in 8 Steps: A 2026 Guide</a></h3> 2416 2417<div class="gb-container gb-container-583c9eec"> 2418<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-05T18:20:23+00:00">September 5, 2026</time></div> 2419 2420<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2421</div> 2422</div></div> 2423 2424<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2264 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2425<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/bathroom-counter-height-standard/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/bathroom-counter-height-standard.jpg" class="gb-image-628deb9f" alt="Different bathroom countertops illustrating height standards and designs." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/bathroom-counter-height-standard.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/bathroom-counter-height-standard-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/bathroom-counter-height-standard-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2426 2427<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2428 2429<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/bathroom-counter-height-standard/">Bathroom Counter Height Standard: 7 Measurements to Know for 2026</a></h3> 2430 2431<div class="gb-container gb-container-583c9eec"> 2432<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-09-01T04:24:56+00:00">September 1, 2026</time></div> 2433 2434<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2435</div> 2436</div></div> 2437 2438<div class="gb-grid-column gb-grid-column-3a29d203 gb-query-loop-item post-2262 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-3a29d203"> 2439<figure class="gb-block-image gb-block-image-628deb9f"><a href="https://interior-design-portland.com/how-to-get-rust-stains-out-of-bathtub/"><img width="1024" height="672" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-get-rust-stains-out-of-bathtub.jpg" class="gb-image-628deb9f" alt="A collection of cleaning supplies for removing rust stains from a bathtub." decoding="async" srcset="https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-get-rust-stains-out-of-bathtub.jpg 1024w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-get-rust-stains-out-of-bathtub-300x197.jpg 300w, https://interior-design-portland.com/wp-content/uploads/2026/08/how-to-get-rust-stains-out-of-bathtub-768x504.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure> 2440 2441<div class="gb-headline gb-headline-c66a2b1e gb-headline-text"><span class="post-term-item term-bathroom"><a href="https://interior-design-portland.com/bathroom/">Bathroom</a></span></div> 2442 2443<h3 class="gb-headline gb-headline-1032a3b9 gb-headline-text"><a href="https://interior-design-portland.com/how-to-get-rust-stains-out-of-bathtub/">How to Get Rust Stains Out of Bathtub: 7 Methods That Work in 2026</a></h3> 2444 2445<div class="gb-container gb-container-583c9eec"> 2446<div class="gb-headline gb-headline-897f85e5 gb-headline-text"><time class="entry-date published" datetime="2026-08-29T15:10:16+00:00">August 29, 2026</time></div> 2447 2448<div class="gb-headline gb-headline-682093c1 gb-headline-text">Interior Design Portland</div> 2449</div> 2450</div></div> 2451</div> 2452 2453<div class="gb-button-wrapper gb-button-wrapper-3691db20 gb-query-loop-pagination"> 2454 2455 2456<span class="gb-button gb-button-1be5c84d gb-button-text page-numbers gb-block-is-current" aria-current="page">1</span><a class="gb-button gb-button-1be5c84d gb-button-text page-numbers" href="https://interior-design-portland.com/bathroom/page/2/">2</a><a class="gb-button gb-button-1be5c84d gb-button-text page-numbers" href="https://interior-design-portland.com/bathroom/page/3/">3</a><span class="gb-button gb-button-1be5c84d gb-button-text page-numbers dots">â¦</span><a class="gb-button gb-button-1be5c84d gb-button-text page-numbers" href="https://interior-design-portland.com/bathroom/page/15/">15</a> 2457 2458<a class="gb-button gb-button-4c4c412c gb-button-text" href="https://interior-design-portland.com/bathroom/page/2/">Next</a> 2459</div> 2460 2461</div> </main> 2462 </div> 2463 2464 <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> 2465 <div class="inside-right-sidebar"> 2466 <div class="gb-container gb-container-7647f120 sticky-container"> 2467<div class="gb-container gb-container-87c982a9"> 2468<div class="gb-container gb-container-1cb48b73"> 2469<div class="gb-container gb-container-a24f252c"> 2470 2471 2472 2473<h4 class="gb-headline gb-headline-deb78a9b gb-headline-text"><a href="https://interior-design-portland.com/author/interiordesignportland/">Interior Design Portland</a></h4> 2474 2475</div> 2476 2477<div class="gb-container gb-container-7982ec71 alignwide"> 2478<div class="dynamic-author-description"></div> 2479</div> 2480 2481 2482<div class="gb-element-a13ff838"> 2483<a class="gb-text gb-text-a40a9f6d" href="/about/"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color">Read more</mark><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color"></mark></a> 2484</div> 2485 2486 2487 2488<div> 2489<ul class="wp-block-social-links is-horizontal is-content-justification-center is-layout-flex wp-container-core-social-links-is-layout-7d812b4c wp-block-social-links-is-layout-flex">
2489<li class="wp-social-link wp-social-link-pinterest wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.pinterest.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path></svg><span class="wp-block-social-link-label screen-reader-text">Pinterest</span></a></li></ul> 2490</div> 2491 2492</div> 2493</div> 2494 2495 2496<h4 class="gb-headline gb-headline-43eaebe6 gb-headline-text"><strong>most recent</strong></h4> 2497 2498 2499<div class="gb-container gb-container-f02180da"></div> 2500 2501 2502<a class="gb-button gb-button-0f94d7cd" href="#"><span class="gb-button-text">More</span><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a> 2503 2504 2505<div class="gb-container gb-container-ab3fdfc5"> 2506 2507<div class="gb-grid-wrapper gb-grid-wrapper-c60ba995 gb-query-loop-wrapper"> 2508<div class="gb-grid-column gb-grid-column-87470a2f gb-query-loop-item post-2279 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-87470a2f"> 2509<div class="gb-container gb-container-67b6a1fc"> 2510<figure class="gb-block-image gb-block-image-3dbb1256"><a href="https://interior-design-portland.com/modern-bathtub-ideas/"><img width="150" height="150" src="https://interior-design-portland.com/wp-content/uploads/2026/08/modern-bathtub-ideas-150x150.jpg" class="gb-image-3dbb1256" alt="Various modern bathtubs showcasing unique designs and materials." decoding="async" /></a></figure> 2511</div> 2512 2513<div class="gb-container gb-container-9e155a87"> 2514<h6 class="gb-headline gb-headline-231a905e gb-headline-text"><span class="post-term-item term-bathroom">Bathroom</span></h6> 2515 2516<h3 class="gb-headline gb-headline-a951b7c9 gb-headline-text"><a href="https://interior-design-portland.com/modern-bathtub-ideas/">10 Modern Bathtub Ideas for 2026 Bathrooms</a></h3> 2517</div> 2518</div></div> 2519 2520<div class="gb-grid-column gb-grid-column-87470a2f gb-query-loop-item post-2278 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-87470a2f"> 2521<div class="gb-container gb-container-67b6a1fc"> 2522<figure class="gb-block-image gb-block-image-3dbb1256"><a href="https://interior-design-portland.com/how-do-you-tile-a-bathroom-floor/"><img width="150" height="150" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-you-tile-a-bathroom-floor-150x150.jpg" class="gb-image-3dbb1256" alt="A partially tiled bathroom floor with tools and materials scattered around." decoding="async" /></a></figure> 2523</div> 2524 2525<div class="gb-container gb-container-9e155a87"> 2526<h6 class="gb-headline gb-headline-231a905e gb-headline-text"><span class="post-term-item term-bathroom">Bathroom</span></h6> 2527 2528<h3 class="gb-headline gb-headline-a951b7c9 gb-headline-text"><a href="https://interior-design-portland.com/how-do-you-tile-a-bathroom-floor/">How to Tile a Bathroom Floor: 9 Steps for a Professional Finish</a></h3> 2529</div> 2530</div></div> 2531 2532<div class="gb-grid-column gb-grid-column-87470a2f gb-query-loop-item post-2276 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-87470a2f"> 2533<div class="gb-container gb-container-67b6a1fc"> 2534<figure class="gb-block-image gb-block-image-3dbb1256"><a href="https://interior-design-portland.com/how-do-i-install-a-bathroom-vanity/"><img width="150" height="150" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-do-i-install-a-bathroom-vanity-150x150.jpg" class="gb-image-3dbb1256" alt="A contemporary bathroom vanity with a sink and countertop." decoding="async" /></a></figure> 2535</div> 2536 2537<div class="gb-container gb-container-9e155a87"> 2538<h6 class="gb-headline gb-headline-231a905e gb-headline-text"><span class="post-term-item term-bathroom">
2538Bathroom</span></h6> 2539 2540<h3 class="gb-headline gb-headline-a951b7c9 gb-headline-text"><a href="https://interior-design-portland.com/how-do-i-install-a-bathroom-vanity/">How to Install a Bathroom Vanity: A Complete 8-Step Guide for 2026</a></h3> 2541</div> 2542</div></div> 2543 2544<div class="gb-grid-column gb-grid-column-87470a2f gb-query-loop-item post-2273 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-87470a2f"> 2545<div class="gb-container gb-container-67b6a1fc"> 2546<figure class="gb-block-image gb-block-image-3dbb1256"><a href="https://interior-design-portland.com/black-and-white-bathroom-ideas/"><img width="150" height="150" src="https://interior-design-portland.com/wp-content/uploads/2026/08/black-and-white-bathroom-ideas-150x150.jpg" class="gb-image-3dbb1256" alt="Black and white bathroom with stylish tiles and modern fixtures." decoding="async" /></a></figure> 2547</div> 2548 2549<div class="gb-container gb-container-9e155a87"> 2550<h6 class="gb-headline gb-headline-231a905e gb-headline-text"><span class="post-term-item term-bathroom">Bathroom</span></h6> 2551 2552<h3 class="gb-headline gb-headline-a951b7c9 gb-headline-text"><a href="https://interior-design-portland.com/black-and-white-bathroom-ideas/">10 Black and White Bathroom Ideas for 2026</a></h3> 2553</div> 2554</div></div> 2555 2556<div class="gb-grid-column gb-grid-column-87470a2f gb-query-loop-item post-2271 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-87470a2f"> 2557<div class="gb-container gb-container-67b6a1fc"> 2558<figure class="gb-block-image gb-block-image-3dbb1256"><a href="https://interior-design-portland.com/how-much-is-a-walk-in-shower/"><img width="150" height="150" src="https://interior-design-portland.com/wp-content/uploads/2026/08/how-much-is-a-walk-in-shower-150x150.jpg" class="gb-image-3dbb1256" alt="A stylish walk-in shower with glass doors and elegant tile work." decoding="async" /></a></figure> 2559</div> 2560 2561<div class="gb-container gb-container-9e155a87"> 2562<h6 class="gb-headline gb-headline-231a905e gb-headline-text"><span class="post-term-item term-bathroom">Bathroom</span></h6> 2563 2564<h3 class="gb-headline gb-headline-a951b7c9 gb-headline-text"><a href="https://interior-design-portland.com/how-much-is-a-walk-in-shower/">How Much Is a Walk-In Shower? 7 Types We Compared for 2026</a></h3> 2565</div> 2566</div></div> 2567 2568<div class="gb-grid-column gb-grid-column-87470a2f gb-query-loop-item post-2270 post type-post status-publish format-standard has-post-thumbnail hentry category-bathroom is-loop-template-item"><div class="gb-container gb-container-87470a2f"> 2569<div class="gb-container gb-container-67b6a1fc"> 2570<figure class="gb-block-image gb-block-image-3dbb1256"><a href="https://interior-design-portland.com/bath-renovation-ideas/"><img width="150" height="150" src="https://interior-design-portland.com/wp-content/uploads/2026/08/bath-renovation-ideas-150x150.jpg" class="gb-image-3dbb1256" alt="A modern bathroom with serene colors, a freestanding tub, and natural light." decoding="async" /></a></figure> 2571</div> 2572 2573<div class="gb-container gb-container-9e155a87"> 2574<h6 class="gb-headline gb-headline-231a905e gb-headline-text"><span class="post-term-item term-bathroom">Bathroom</span></h6> 2575 2576<h3 class="gb-headline gb-headline-a951b7c9 gb-headline-text"><a href="https://interior-design-portland.com/bath-renovation-ideas/">15 Bath Renovation Ideas for a Calm, Modern Space</a></h3> 2577</div> 2578</div></div> 2579</div> 2580 2581</div> 2582</div> </div> 2583</div> 2584 2585 </div> 2586</div> 2587 2588 2589<div class="site-footer"> 2590 <div class="gb-container gb-container-e224c1dd"> 2591<div class="gb-container gb-container-33435c22"> 2592 2593<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex"> 2594<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:22.22%"> 2595<div class="gb-element-841a07ef"> 2596<h4 class="wp-block-heading has-text-align-left">Quick Links</h4> 2597</div> 2598 2599 2600 2601<div class="wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-58e959d2 wp-block-group-is-layout-flex"> 2602<p class="wp-block-paragraph"><a href="/about/" data-type="page" data-id="819">About</a></p> 2603 2604 2605 2606<p class="wp-block-paragraph"><a href="/contact/" data-type="page" data-id="814">Contact</a></p> 2607 2608 2609 2610<p class="wp-block-paragraph"><a href="/disclaimer/">Disclaimer</a></p> 2611 2612 2613 2614<p class="wp-block-paragraph"><a href="/privacy-policy/">Privacy Policy</a></p> 2615 2616 2617 2618<p class="wp-block-paragraph"><a href="/cookies-policy/" data-type="page" data-id="3086">Cookies Policy</a></p> 2619 2620 2621 2622<p class="wp-block-paragraph"><a href="/terms-and-conditions/">Terms and Conditions</a></p> 2623</div> 2624</div> 2625 2626 2627 2628<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:44.45%"> 2629<div class="gb-element-ace9dcf2"> 2630<h4 class="wp-block-heading">Affiliate Disclosure</h4> 2631</div> 2632 2633 2634 2635<div> 2636<p class="has-text-align-left wp-block-paragraph"><strong>Affiliate Disclaimer</strong>: https://interior-design-portland.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for website owners to earn fees by linking to Amazon.com and affiliated sites, as well as to other websites that may be affiliated with Amazon Service LLC Associates Program. As an Amazon Associate I earn from qualifying purchases.</p> 2637</div> 2638</div> 2639 2640 2641 2642<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"> 2643<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex">
2643<li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="https://www.facebook.com/profile.php?id=100065716320380" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li> 2644 2645</ul> 2646 2647 2648 2649<ul class="wp-block-list"> 2650<li>PO Box 822, Sandy, OR 97055</li> 2651 2652 2653 2654<li>503-816-4394</li> 2655</ul> 2656</div> 2657</div> 2658 2659 2660 2661<div> 2662<p class="has-text-align-center wp-block-paragraph">© 2026 Interior Design Portland. Pangaea Interior Design, Inc. | Portland, Oregon</p> 2663</div> 2664 2665</div> 2666</div></div> 2667 2668<a title="Scroll back to top" aria-label="Scroll back to top" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button"> 2669 <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span> 2670 </a>
2670<script type="speculationrules"> 2671{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress_child/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2672</script>
2672 2673<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px;top:100px;background-color:transparent"><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Finterior-design-portland.com%2Fbathroom%2F&linkname=Bathroom%20-%20Interior%20Design%20Portland" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Finterior-design-portland.com%2Fbathroom%2F&linkname=Bathroom%20-%20Interior%20Design%20Portland" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_x" href="https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Finterior-design-portland.com%2Fbathroom%2F&linkname=Bathroom%20-%20Interior%20Design%20Portland" title="X" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Finterior-design-portland.com%2Fbathroom%2F&linkname=Bathroom%20-%20Interior%20Design%20Portland" title="Pinterest" rel="nofollow noopener" target="_blank"></a></div>
2673<script id="generate-a11y"> 2674!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}(); 2675</script>
2675 2676 <div class="gp-modal gp-search-modal" id="gp-search" role="dialog" aria-modal="true" aria-label="Search"> 2677 <div class="gp-modal__overlay" tabindex="-1" data-gpmodal-close> 2678 <div class="gp-modal__container"> 2679 <form role="search" method="get" class="search-modal-form" action="https://interior-design-portland.com/"> 2680 <label for="search-modal-input" class="screen-reader-text">Search for:</label> 2681 <div class="search-modal-fields"> 2682 <input id="search-modal-input" type="search" class="search-field" placeholder="Search …" value="" name="s" /> 2683 <button aria-label="Search"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button> 2684 </div> 2685 </form>
2686 </div> 2687 </div> 2688 </div> 2689
2689<script id="wp-hooks-js" src="https://interior-design-portland.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 2689
2689
2690<script id="wp-i18n-js" src="https://interior-design-portland.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 2690
2690
2691<script id="wp-i18n-js-after"> 2692wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 2693//# sourceURL=wp-i18n-js-after 2694</script>
vendor: 1 bytes, line 2694
2694
2695<script id="swv-js" src="https://interior-design-portland.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 2695
2695
2696<script id="contact-form-7-js-before"> 2697var wpcf7 = { 2698 "api": { 2699 "root": "https:\/\/interior-design-portland.com\/wp-json\/", 2700 "namespace": "contact-form-7\/v1" 2701 }, 2702 "cached": 1 2703}; 2704//# sourceURL=contact-form-7-js-before 2705</script>
vendor: 1 bytes, line 2705
2705
2706<script id="contact-form-7-js" src="https://interior-design-portland.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 2706
2706
2707<script id="eztoc-scroll-scriptjs-js-extra"> 2708var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; 2709//# sourceURL=eztoc-scroll-scriptjs-js-extra 2710</script>
vendor: 1 bytes, line 2710
2710
2711<script id="eztoc-scroll-scriptjs-js" src="https://interior-design-portland.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.88"></script>
vendor: 1 bytes, line 2711
2711
2712<script id="eztoc-js-cookie-js" src="https://interior-design-portland.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1"></script>
vendor: 1 bytes, line 2712
2712
2713<script id="eztoc-jquery-sticky-kit-js" src="https://interior-design-portland.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2"></script>
vendor: 1 bytes, line 2713
2713
2714<script id="eztoc-js-js-extra"> 2715var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"1","scroll_offset":"30","fallbackIcon":"\u003Cspan class=\"\"\u003E\u003Cspan class=\"eztoc-hide\" style=\"display:none;\"\u003EToggle\u003C/span\u003E\u003Cspan class=\"ez-toc-icon-toggle-span\"\u003E\u003Csvg style=\"fill: #999;color:#999\" xmlns=\"http://www.w3.org/2000/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"\u003E\u003Cpath d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"\u003E\u003C/path\u003E\u003C/svg\u003E\u003Csvg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"\u003E\u003Cpath d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"/\u003E\u003C/svg\u003E\u003C/span\u003E\u003C/span\u003E","visibility_hide_by_device":"1","chamomile_theme_is_on":""}; 2716//# sourceURL=eztoc-js-js-extra 2717</script>
vendor: 1 bytes, line 2717
2717
2718<script id="eztoc-js-js" src="https://interior-design-portland.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.88-1789994066"></script>
vendor: 1 bytes, line 2718
2718
2719<script id="generate-menu-js-before"> 2720var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; 2721//# sourceURL=generate-menu-js-before 2722</script>
vendor: 1 bytes, line 2722
2722
2723<script id="generate-menu-js" src="https://interior-design-portland.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
vendor: 1 bytes, line 2723
2723
2724<script id="generate-modal-js" src="https://interior-design-portland.com/wp-content/themes/generatepress/assets/dist/modal.js?ver=3.6.1"></script>
vendor: 1 bytes, line 2724
2724
2725<script id="generate-back-to-top-js-before"> 2726var generatepressBackToTop = {"smooth":true}; 2727//# sourceURL=generate-back-to-top-js-before 2728</script>
vendor: 1 bytes, line 2728
2728
2729<script id="generate-back-to-top-js" src="https://interior-design-portland.com/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.6.1"></script>
vendor: 1 bytes, line 2729
2729
2730<script id="wp-emoji-settings" type="application/json"> 2731{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://interior-design-portland.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.7"}} 2732</script>
vendor: 1 bytes, line 2732
2732
2733<script type="module"> 2734/*! This file is auto-generated */ 2735var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 2736//# sourceURL=https://interior-design-portland.com/wp-includes/js/wp-emoji-loader.min.js 2737</script>
vendor: 1 bytes, line 2737
2737
2738<script> 2739(function() { 2740 var isMobile = function() { 2741 return window.innerWidth <= 640; 2742 }; 2743 2744 function initCarousels() { 2745 var grids = document.querySelectorAll('.wbl-products-grid'); 2746 grids.forEach(function(grid) { 2747 var wrapper = grid.closest('.wbl-carousel-wrapper'); 2748 if (!wrapper) return; 2749 2750 var container = grid.closest('.wbl-carousel-container'); 2751 var cards = grid.querySelectorAll('.wbl-product-box'); 2752 if (cards.length === 0) return; 2753 2754 var prevBtn = wrapper.querySelector('.wbl-carousel-prev'); 2755 var nextBtn = wrapper.querySelector('.wbl-carousel-next'); 2756 var currentIndex = 0; 2757 2758 // Calculate and set container height based on tallest card 2759 function updateContainerHeight() { 2760 if (!isMobile()) { 2761 grid.style.minHeight = ''; 2762 if (container) container.style.minHeight = ''; 2763 return; 2764 } 2765 var maxHeight = 0; 2766 cards.forEach(function(card) { 2767 var height = card.offsetHeight; 2768 if (height > maxHeight) maxHeight = height; 2769 }); 2770 if (maxHeight > 0) { 2771 grid.style.minHeight = maxHeight + 'px'; 2772 if (container) container.style.minHeight = maxHeight + 'px'; 2773 } 2774 } 2775 2776 // Initialize first card as active 2777 cards[0].classList.add('wbl-active'); 2778 2779 // Set initial height after cards render 2780 setTimeout(updateContainerHeight, 50); 2781 2782 // Update on resize 2783 window.addEventListener('resize', updateContainerHeight); 2784 2785 function showCard(newIndex, direction) { 2786 var oldCard = cards[currentIndex]; 2787 var newCard = cards[newIndex]; 2788 2789 // Remove all state classes 2790 cards.forEach(function(card) { 2791 card.classList.remove('wbl-active', 'wbl-exit-left', 'wbl-exit-right', 'wbl-enter-left', 'wbl-enter-right'); 2792 }); 2793 2794 // Position new card on the correct side (without transition) 2795 newCard.style.transition = 'none'; 2796 if (direction === 'next') { 2797 newCard.classList.add('wbl-enter-right'); 2798 oldCard.classList.add('wbl-exit-left'); 2799 } else { 2800 newCard.classList.add('wbl-enter-left'); 2801 oldCard.classList.add('wbl-exit-right'); 2802 } 2803 2804 // Force reflow to apply position instantly 2805 newCard.offsetHeight; 2806 2807 // Re-enable transition and animate in 2808 newCard.style.transition = ''; 2809 2810 setTimeout(function() { 2811 newCard.classList.remove('wbl-enter-left', 'wbl-enter-right'); 2812 newCard.classList.add('wbl-active'); 2813 }, 20); 2814 2815 currentIndex = newIndex; 2816 } 2817 2818 if (prevBtn) { 2819 prevBtn.addEventListener('click', function() { 2820 var newIndex = (currentIndex - 1 + cards.length) % cards.length; 2821 showCard(newIndex, 'prev'); 2822 }); 2823 } 2824 2825 if (nextBtn) { 2826 nextBtn.addEventListener('click', function() { 2827 var newIndex = (currentIndex + 1) % cards.length; 2828 showCard(newIndex, 'next'); 2829 }); 2830 } 2831 2832 // Touch swipe support for mobile 2833 var touchStartX = 0; 2834 var touchStartY = 0; 2835 var touchEndX = 0; 2836 var touchEndY = 0; 2837 var isSwiping = false; 2838 2839 grid.addEventListener('touchstart', function(e) { 2840 touchStartX = e.changedTouches[0].screenX; 2841 touchStartY = e.changedTouches[0].screenY; 2842 isSwiping = true; 2843 }, { passive: true }); 2844 2845 grid.addEventListener('touchmove', function(e) { 2846 if (!isSwiping) return; 2847 touchEndX = e.changedTouches[0].screenX; 2848 touchEndY = e.changedTouches[0].screenY; 2849 }, { passive: true }); 2850 2851 grid.addEventListener('touchend', function(e) { 2852 if (!isSwiping) return; 2853 isSwiping = false;
2854 2855 var deltaX = touchEndX - touchStartX; 2856 var deltaY = touchEndY - touchStartY; 2857 2858 // Only trigger swipe if horizontal movement is significant 2859 // and greater than vertical movement (to avoid interfering with scrolling) 2860 var minSwipeDistance = 50; 2861 if (Math.abs(deltaX) > minSwipeDistance && Math.abs(deltaX) > Math.abs(deltaY)) { 2862 if (deltaX < 0) { 2863 // Swipe left - go to next card 2864 var newIndex = (currentIndex + 1) % cards.length; 2865 showCard(newIndex, 'next'); 2866 } else { 2867 // Swipe right - go to previous card 2868 var newIndex = (currentIndex - 1 + cards.length) % cards.length; 2869 showCard(newIndex, 'prev'); 2870 } 2871 } 2872 }, { passive: true }); 2873 }); 2874 } 2875 2876 if (document.readyState === 'loading') { 2877 document.addEventListener('DOMContentLoaded', initCarousels); 2878 } else { 2879 initCarousels(); 2880 } 2881})(); 2882</script>
2882 2883
2883<script id="wbl-large-card-js"> 2884 (function() { 2885 // Get all large card feature grids 2886 var featureGrids = document.querySelectorAll('.wbl-large-features-grid'); 2887 2888 featureGrids.forEach(function(grid) { 2889 var featureItems = grid.querySelectorAll('.wbl-large-feature-item'); 2890 2891 featureItems.forEach(function(item) { 2892 item.addEventListener('click', function() { 2893 // Remove highlight from all items in this grid 2894 featureItems.forEach(function(fi) { 2895 fi.classList.remove('highlight'); 2896 }); 2897 2898 // Add highlight to clicked item 2899 item.classList.add('highlight'); 2900 }); 2901 }); 2902 }); 2903 })(); 2904 </script>
2904 2905
2906<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"c3c40fbc795149dab6bcc24eb45362c4","r":1,"spa":2}' crossorigin="anonymous"></script>
2906 2907</body> 2908</html> 2909 2910 2911<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-08 18:38:50 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.