PageSourceSearch

https://interior-design-portland.com/bathroom/

html interior-design-portland.com collected 2026-10-10 01:14:04 UTC 182,724 bytes, 2,911 lines download raw bytes

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 &raquo; Feed" href="https://interior-design-portland.com/feed/" />
26<link rel="alternate" type="application/rss+xml" title="Interior Design Portland &raquo; Comments Feed" href="https://interior-design-portland.com/comments/feed/" />
27<link rel="alternate" type="application/rss+xml" title="Interior Design Portland &raquo; 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&#038;family=Outfit:wght@400;500;600;700&#038;family=Space+Grotesk:wght@500;600;700&#038;family=Chivo:wght@400;500;600;700&#038;family=Source+Sans+Pro:wght@400;500;600;700&#038;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&amp;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&amp;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&amp;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&amp;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 &hellip;" 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.