@font-face { font-family: Prompt; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Prompt-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400 500; font-display: swap; }
@font-face { font-family: Prompt; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Prompt-Bold.woff2") format("woff2"); font-style: normal; font-weight: 600 800; font-display: swap; }
:root{ --aubergine: #291b14; --plum: #493125; --mulberry: #715039; --mauve: #9d866f; --porcelain: #f8f4ed; --stone: #e7dccb; --champagne: #b49760; --white: #fffdfc; --ink: #34271f; --max: 1280px; --radius: 18px; --shadow: 0 12px 36px rgba(36,27,16,.1); }
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{ margin: 0px; background: var(--white); color: var(--ink); font-family: Prompt, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 1.65; }
img{ max-width: 100%; height: auto; }
a{ color: var(--mulberry); text-decoration-thickness: 1px; text-underline-offset: 3px; }
button,input{ font: inherit; }
.container{ width: min(calc(100% - 32px),var(--max)); margin-inline: auto; }
.skip-link{ position: fixed; z-index: 9999; top: 8px; left: 8px; transform: translateY(-160%); background: var(--champagne); color: var(--aubergine); padding: 10px 16px; }
.skip-link:focus{ transform: none; }
.trust-bar{ background: var(--aubergine); color: var(--white); font-size: 0.9rem; text-align: center; padding: 7px; }
.site-header{ position: sticky; top: 0px; z-index: 50; background: rgba(255, 253, 252, 0.96); border-bottom: 1px solid var(--stone); backdrop-filter: blur(8px); }
.header-inner{ min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand{ display: flex; align-items: center; color: var(--aubergine); text-decoration: none; font-weight: 700; font-size: 1.2rem; }
.brand img{ max-height: 44px; width: auto; }
.nav{ display: flex; align-items: center; gap: 22px; }
.nav a{ text-decoration: none; }
.menu-toggle{ display: none; border: 1px solid var(--stone); background: var(--white); padding: 9px 12px; border-radius: 8px; }
.button{ display: inline-flex; min-height: 46px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 999px; padding: 10px 20px; background: var(--plum); color: rgb(255, 255, 255); text-decoration: none; font-weight: 650; cursor: pointer; }
.button:hover{ background: var(--mulberry); }
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{ outline: 3px solid var(--champagne); outline-offset: 3px; }
.button-secondary{ background: var(--porcelain); border-color: var(--mulberry); color: var(--mulberry); }
.hero{ background: linear-gradient(135deg,var(--aubergine),var(--plum) 70%,var(--mulberry)); color: var(--white); padding: clamp(64px, 9vw, 128px) 0px; }
.eyebrow{ color: var(--champagne); font-weight: 700; letter-spacing: 0.06em; }
.hero h1{ max-width: 760px; font-size: clamp(2.35rem, 6vw, 5rem); line-height: 1.05; margin: 0.2em 0px; }
.hero p{ font-size: clamp(1.05rem, 2vw, 1.25rem); max-width: 680px; color: rgb(239, 229, 214); }
.search-box{ position: relative; background: rgb(255, 255, 255); border-radius: 18px; padding: 8px; display: flex; gap: 8px; box-shadow: var(--shadow); }
.search-box input{ min-width: 0px; flex: 1 1 0%; border: 0px; padding: 12px; color: var(--ink); font-size: 1rem; }
.search-results{ position: absolute; top: calc(100% + 8px); left: 0px; right: 0px; background: rgb(255, 255, 255); color: var(--ink); border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; }
.search-results a{ display: block; padding: 10px 14px; text-decoration: none; border-bottom: 1px solid var(--stone); }
.search-results small{ color: rgb(123, 106, 86); }
.section{ padding: clamp(52px, 8vw, 96px) 0px; }
.section-muted{ background: var(--porcelain); }
.section-heading{ display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.section-heading h2{ font-size: clamp(1.7rem, 4vw, 2.7rem); line-height: 1.2; margin: 0px; }
.products{ display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 16px; }
.product-card{ display: flex; flex-direction: column; min-width: 0px; background: rgb(255, 255, 255); border: 1px solid var(--stone); border-radius: 16px; overflow: hidden; transition: transform 0.18s, box-shadow 0.18s; }
.product-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow); }
.product-image{ aspect-ratio: 4 / 5; background: linear-gradient(145deg,var(--porcelain),var(--stone)); overflow: hidden; }
.product-image img{ width: 100%; height: 100%; object-fit: cover; }
.product-body{ display: flex; flex: 1 1 0%; flex-direction: column; padding: 14px; }
.product-body h3{ font-size: 1rem; line-height: 1.4; margin: 0px 0px 6px; }
.price{ font-weight: 700; color: var(--mulberry); margin: auto 0px 12px; }
.product-actions{ display: grid; gap: 8px; }
.product-actions .button{ font-size: 0.87rem; padding: 8px 10px; min-height: 44px; }
.cta-panel{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; background: var(--aubergine); color: rgb(255, 255, 255); border-radius: 28px; padding: clamp(28px, 5vw, 56px); }
.cta-panel h2{ margin: 0px; }
.faq{ max-width: 880px; margin: auto; }
.faq details{ border-bottom: 1px solid var(--stone); padding: 18px 0px; }
.faq summary{ font-weight: 700; cursor: pointer; min-height: 44px; }
.site-footer{ background: var(--aubergine); color: rgb(233, 229, 224); padding: 64px 0px 24px; }
.footer-grid{ display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; }
.site-footer a{ color: rgb(255, 255, 255); }
.breadcrumbs{ font-size: 0.9rem; margin-bottom: 20px; }
.province-hero{ padding: 64px 0px; background: var(--porcelain); }
.content{ max-width: 800px; }
.content h1{ font-size: clamp(2rem, 5vw, 4rem); line-height: 1.15; }
.modal[hidden]{ display: none; }
.modal{ position: fixed; inset: 0px; z-index: 100; display: grid; place-items: center; padding: 18px; }
.modal-backdrop{ position: absolute; inset: 0px; background: rgba(23, 16, 9, 0.76); }
.modal-dialog{ position: relative; width: min(920px, 100%); max-height: 90vh; overflow: auto; background: rgb(255, 255, 255); border-radius: 22px; box-shadow: rgba(0, 0, 0, 0.35) 0px 28px 80px; }
.modal-close{ position: absolute; z-index: 2; right: 12px; top: 12px; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: var(--shadow); font-size: 1.5rem; }
.modal-content{ padding: 24px; }
.modal-layout{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.modal-image{ aspect-ratio: 4 / 5; background: var(--porcelain); border-radius: 12px; overflow: hidden; }
.modal-image img{ width: 100%; height: 100%; object-fit: cover; }
.screen-reader-text{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
body.modal-open{ overflow: hidden; }
@media (max-width: 1100px){.products{ grid-template-columns: repeat(3, 1fr); }}
@media (max-width: 760px){.nav{ display: none; position: absolute; top: 100%; left: 0px; right: 0px; padding: 18px; background: rgb(255, 255, 255); border-bottom: 1px solid var(--stone); flex-direction: column; align-items: stretch; }}
@media (max-width: 760px){.nav.open{ display: flex; }}
@media (max-width: 760px){.menu-toggle{ display: block; }}
@media (max-width: 760px){.modal-layout,.footer-grid{ grid-template-columns: 1fr; }}
@media (max-width: 760px){.section-heading,.cta-panel{ align-items: start; grid-template-columns: 1fr; }}
@media (max-width: 760px){.products{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }}
@media (max-width: 760px){.product-body{ padding: 11px; }}
@media (max-width: 760px){.product-body h3{ font-size: 0.94rem; }}
@media (max-width: 760px){.button{ padding-inline: 15px; }}
@media (max-width: 760px){.modal-content{ padding: 18px; }}
@media (max-width: 760px){.search-box{ display: grid; }}
@media (max-width: 760px){.search-box .button{ width: 100%; }}
@media (prefers-reduced-motion: reduce){*,::before,::after{ scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }}
.province-final-cta{ padding-block: clamp(40px, 6vw, 72px); }
.province-data-note{ padding-block: 20px; }
.province-data-note .province-data-reviewed{ margin: 0px; }
.product-section{ overflow: hidden; }
.product-heading{ align-items: center; }
.product-heading h2{ position: relative; padding-left: 18px; }
.product-heading h2::before{ content: ""; position: absolute; left: 0px; top: 0.1em; bottom: 0.1em; width: 5px; border-radius: 9px; background: linear-gradient(var(--champagne),var(--mulberry)); }
.slider-controls{ display: flex; gap: 9px; }
.slider-controls button{ width: 46px; height: 46px; border: 1px solid var(--stone); border-radius: 50%; background: rgb(255, 255, 255); color: var(--plum); font-size: 1.3rem; cursor: pointer; box-shadow: rgba(36, 27, 16, 0.08) 0px 6px 18px; }
.slider-controls button:hover{ background: var(--plum); color: rgb(255, 255, 255); }
.products{ display: flex; grid-template-columns: none; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: auto; scrollbar-width: thin; scrollbar-color: var(--mauve) transparent; padding: 5px 3px 22px; overscroll-behavior-inline: contain; }
.products::-webkit-scrollbar{ height: 7px; }
.products::-webkit-scrollbar-thumb{ background: var(--mauve); border-radius: 10px; }
.product-card{ position: relative; flex: 0 0 calc(25% - 15px); scroll-snap-align: start; border: 1px solid rgb(234, 229, 223); border-radius: 22px; background: rgb(255, 255, 255); box-shadow: rgba(63, 49, 32, 0.08) 0px 10px 28px; transform: none; }
.product-card:hover{ transform: translateY(-4px); box-shadow: rgba(63, 49, 32, 0.14) 0px 18px 38px; }
.product-image{ position: relative; display: block; width: 100%; padding: 0px; border: 0px; border-radius: 21px 21px 0px 0px; background: linear-gradient(145deg, rgb(251, 248, 245), rgb(243, 238, 232)); cursor: zoom-in; aspect-ratio: 1 / 1.08; overflow: hidden; color: var(--ink); }
.product-image::after{ content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 66%, rgba(36, 27, 16, 0.38)); opacity: 0; transition: opacity 0.2s; }
.product-image:hover::after,.product-image:focus-visible::after{ opacity: 1; }
.product-image img{ transition: transform 0.35s; }
.product-image:hover img{ transform: scale(1.035); }
.image-hint{ position: absolute; z-index: 2; right: 12px; bottom: 11px; display: flex; align-items: center; gap: 7px; color: rgb(255, 255, 255); font-size: 0.78rem; font-weight: 600; opacity: 0; transform: translateY(7px); transition: 0.2s; }
.image-hint b{ display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--plum); font-size: 1rem; }
.product-image:hover .image-hint,.product-image:focus-visible .image-hint{ opacity: 1; transform: none; }
.product-body{ padding: 16px 16px 0px; }
.product-tags{ display: flex; gap: 7px; min-height: 27px; overflow: hidden; }
.product-tags span{ display: inline-flex; align-items: center; white-space: nowrap; padding: 3px 9px; border: 1px solid rgb(234, 225, 215); border-radius: 999px; background: rgb(253, 252, 250); color: var(--mulberry); font-size: 0.69rem; font-weight: 600; }
.product-body h3{ margin: 12px 0px 14px; font-size: 1.04rem; line-height: 1.45; min-height: 3em; }
.product-meta{ display: grid; grid-template-columns: 0.8fr 1.2fr; align-items: end; border-top: 1px solid var(--stone); padding: 13px 0px; }
.product-meta > span{ display: flex; flex-direction: column; gap: 2px; }
.product-meta > span + span{ border-left: 1px solid var(--stone); padding-left: 14px; text-align: right; }
.product-meta small{ color: rgb(149, 128, 104); font-size: 0.68rem; font-weight: 400; }
.product-meta strong{ color: var(--mulberry); font-size: 0.92rem; }
.product-meta .price{ margin: 0px; color: var(--mulberry); font-size: 1.18rem; line-height: 1.3; font-weight: 750; }
.product-actions{ margin-inline: -16px; }
.product-actions .button{ width: 100%; min-height: 60px; border-radius: 0px 0px 20px 20px; background: linear-gradient(100deg,var(--aubergine),var(--mulberry)); font-size: 0.94rem; }
.product-actions .button:hover{ background: linear-gradient(100deg,var(--mulberry),var(--plum)); }
@media (max-width: 1100px){.product-card{ flex-basis: calc(33.3333% - 13.3333px); }}
@media (max-width: 760px){.product-card{ flex-basis: 78%; max-width: 310px; }}
@media (max-width: 760px){.slider-controls button{ width: 44px; height: 44px; }}
@media (max-width: 760px){.products{ margin-right: -16px; padding-right: 16px; }}
@media (max-width: 760px){.product-body h3{ min-height: auto; }}
@media (max-width: 760px){.image-hint{ opacity: 1; transform: none; }}
@media (max-width: 760px){.product-image::after{ opacity: 0.7; }}
.products{ gap: 16px; scrollbar-width: none; padding-bottom: 10px; }
.products::-webkit-scrollbar{ display: none; width: 0px; height: 0px; }
.product-card{ flex-basis: calc(16.6667% - 13.3333px); border-radius: 18px; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s; }
.product-image{ border-radius: 17px 17px 0px 0px; }
.product-body{ padding: 12px 11px 0px; }
.product-body h3{ font-size: 0.9rem; margin: 9px 0px 10px; }
.product-tags{ gap: 4px; min-height: 24px; }
.product-tags span{ padding: 3px 6px; font-size: 0.6rem; }
.product-tags .color-tag{ display: inline-flex; gap: 4px; }
.color-tag i{ display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: linear-gradient(135deg,var(--champagne),var(--mulberry)); box-shadow: rgb(241, 235, 229) 0px 0px 0px 2px; }
.product-meta{ grid-template-columns: 1fr; padding: 9px 0px; gap: 5px; }
.product-meta > span + span{ border-left: 0px; border-top: 1px solid var(--stone); padding: 5px 0px 0px; text-align: left; }
.product-meta .price{ font-size: 0.98rem; }
.product-actions{ margin-inline: -11px; }
.product-actions .button{ min-height: 49px; padding: 8px 5px; font-size: 0.72rem; border-radius: 0px 0px 17px 17px; }
.image-hint{ font-size: 0.68rem; right: 8px; bottom: 8px; }
.image-hint b{ width: 25px; height: 25px; }
@media (hover: hover){.product-card:hover{ transform: translateY(-6px); border-color: rgb(216, 205, 192); box-shadow: rgba(63, 49, 32, 0.14) 0px 16px 34px; }}
.product-card:focus-within{ border-color: var(--champagne); box-shadow: rgba(63, 49, 32, 0.13) 0px 14px 30px; }
.header-actions{ display: flex; gap: 8px; }
.header-actions .button{ min-height: 42px; padding: 7px 14px; font-size: 0.86rem; }
.header-actions .button-secondary{ background: rgb(255, 255, 255); }
.hero{ position: relative; overflow: hidden; background: linear-gradient(115deg, rgb(255, 248, 244) 0%, rgb(245, 229, 225) 52%, rgb(219, 207, 193) 100%); color: var(--aubergine); padding: clamp(64px, 7vw, 104px) 0px; }
.hero::before{ content: ""; position: absolute; width: 480px; height: 480px; border-radius: 50%; left: -260px; top: -280px; background: rgba(184, 154, 104, 0.12); }
.hero h1{ font-size: clamp(2.55rem, 5.2vw, 4.8rem); letter-spacing: -0.035em; margin: 0.12em 0px 0.25em; }
.hero p{ color: rgb(105, 84, 71); font-size: clamp(1.05rem, 1.7vw, 1.25rem); max-width: 620px; }
.hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-secondary:hover{ color: rgb(255, 255, 255); }
@media (max-width: 1100px){.product-card{ flex-basis: calc(33.3333% - 10.6667px); }}
@media (max-width: 1100px){.nav{ gap: 12px; }}
@media (max-width: 1100px){.nav > a{ display: none; }}
@media (max-width: 760px){.container{ width: min(calc(100% - 24px),var(--max)); }}
@media (max-width: 760px){.header-inner{ gap: 8px; }}
@media (max-width: 760px){.brand{ font-size: 1rem; margin-right: auto; }}
@media (max-width: 760px){.header-actions{ gap: 5px; }}
@media (max-width: 760px){.header-actions .button{ width: 42px; height: 42px; min-height: 42px; padding: 0px; font-size: 0px; }}
@media (max-width: 760px){.header-actions .button span{ font-size: 1rem; margin: 0px; }}
@media (max-width: 760px){.menu-toggle{ width: 44px; height: 42px; padding: 0px; font-size: 0.72rem; }}
@media (max-width: 760px){.products{ gap: 10px; margin-right: -12px; padding-right: 12px; }}
@media (max-width: 760px){.product-card{ flex-basis: calc(50% - 5px); max-width: none; }}
@media (max-width: 760px){.product-body{ padding: 9px 8px 0px; }}
@media (max-width: 760px){.product-body h3{ font-size: 0.78rem; line-height: 1.35; }}
@media (max-width: 760px){.product-tags span:first-child{ display: none; }}
@media (max-width: 760px){.product-tags span{ font-size: 0.55rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }}
@media (max-width: 760px){.product-meta small{ font-size: 0.58rem; }}
@media (max-width: 760px){.product-meta strong{ font-size: 0.73rem; }}
@media (max-width: 760px){.product-meta .price{ font-size: 0.82rem; }}
@media (max-width: 760px){.product-actions{ margin-inline: -8px; }}
@media (max-width: 760px){.product-actions .button{ min-height: 45px; font-size: 0.61rem; padding-inline: 3px; }}
@media (max-width: 760px){.slider-controls{ gap: 5px; }}
@media (max-width: 760px){.slider-controls button{ width: 40px; height: 40px; }}
@media (max-width: 760px){.hero{ padding: 48px 0px; }}
@media (max-width: 760px){.hero h1{ font-size: 2.45rem; }}
@media (max-width: 760px){.hero-actions{ display: grid; grid-template-columns: 1fr; }}
@media (max-width: 760px){.hero-actions .button{ width: 100%; }}
body,button,input,textarea,select{ font-family: Prompt, "Noto Sans Thai", Tahoma, Arial, sans-serif; }
.psw-track-line{ gap: 8px; }
.line-icon{ display: block; flex: 0 0 auto; width: 28px; height: 28px; object-fit: contain; }
.product-actions .line-icon{ width: 24px; height: 24px; }
.header-actions .line-icon{ width: 24px; height: 24px; }
.reveal-item{ opacity: 0; transform: translate3d(0px, 38px, 0px); transition: opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms); will-change: opacity, transform; }
.reveal-item.reveal-visible{ opacity: 1; transform: translate3d(0px, 0px, 0px); will-change: auto; }
@media (max-width: 620px){.product-actions .line-icon{ width: 20px; height: 20px; }}
@media (max-width: 620px){.product-actions .button span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }}
@media (max-width: 620px){.floating-contact{ right: max(10px,env(safe-area-inset-right)); bottom: calc(14px + env(safe-area-inset-bottom)); }}
@media (max-width: 620px){.floating-back-to-top{ right: max(10px,env(safe-area-inset-right)); bottom: calc(72px + env(safe-area-inset-bottom)); }}
@media (max-width: 620px){body.floating-contact-open .floating-back-to-top{ bottom: calc(184px + env(safe-area-inset-bottom)); }}
@media (max-width: 620px){body.review-cards-in-view .floating-contact,body.review-cards-in-view .floating-back-to-top{ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); }}
@media (prefers-reduced-motion: reduce){.reveal-item{ opacity: 1 !important; transform: none !important; transition: none !important; }}
@font-face { font-family: Sarabun; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Sarabun-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Sarabun; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: Mitr; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Mitr-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Mitr; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Mitr-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: Kanit; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Kanit-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Kanit; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/Kanit-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Noto Sans Thai"; src: url("/wp-content/themes/pisut-wreath/assets/css/../../assets/fonts/NotoSansThai-Variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-stretch: 62.5% 100%; font-display: swap; }
.logo-item:hover{ transform: translateY(-4px) scale(1.025); box-shadow: rgba(47, 40, 33, 0.12) 0px 13px 28px; }
.logo-arrow:hover{ background: var(--mulberry); }
.cta-panel .psw-track-line,.site-footer .psw-track-line{ background: var(--champagne); color: var(--aubergine); border-color: var(--champagne); box-shadow: rgba(184, 154, 104, 0.22) 0px 8px 20px; }
.cta-panel .psw-track-line:hover,.site-footer .psw-track-line:hover{ background: rgb(208, 180, 127); color: var(--aubergine); }
.province-area-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.province-area-grid article{ background: rgb(255, 255, 255); border: 1px solid var(--stone); border-radius: 20px; padding: 28px; }
.province-area-grid h3{ color: var(--plum); font-size: 1.35rem; margin-top: 0px; }
.temple-list{ columns: 2; column-gap: 28px; padding-left: 22px; }
.temple-list li{ break-inside: avoid; margin-bottom: 8px; }
.province-seo-article .content{ max-width: 920px; }
.province-seo-article .content h2{ font-size: clamp(1.65rem, 3vw, 2.35rem); }
.province-hero .breadcrumbs{ color: rgb(111, 95, 77); }
.province-hero .breadcrumbs a{ color: var(--mulberry); }
@media (max-width: 1100px){.header-inner{ position: relative; gap: 12px; }}
@media (max-width: 1100px){.brand{ margin-right: auto; }}
@media (max-width: 1100px){.menu-toggle{ display: block; order: 3; }}
@media (max-width: 1100px){.header-actions{ order: 2; }}
@media (max-width: 1100px){.nav{ display: none; position: absolute; top: calc(100% + 1px); left: 0px; right: 0px; z-index: 20; padding: 18px; background: rgb(255, 255, 255); border: 1px solid var(--stone); border-radius: 0px 0px 14px 14px; box-shadow: var(--shadow); flex-direction: column; align-items: stretch; gap: 5px; }}
@media (max-width: 1100px){.nav.open{ display: flex; }}
@media (max-width: 1100px){.nav > a{ display: flex; min-height: 44px; align-items: center; padding: 8px 12px; border-radius: 8px; }}
@media (max-width: 1100px){.nav > a:hover{ background: var(--porcelain); }}
@media (max-width: 1100px){.header-actions .button{ min-width: 44px; }}
@media (max-width: 760px){.trust-bar{ font-size: 0.72rem; padding-inline: 10px; }}
@media (max-width: 760px){.header-inner{ min-height: 64px; }}
@media (max-width: 760px){.brand{ max-width: calc(100% - 150px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }}
@media (max-width: 760px){.brand img{ max-width: 150px; max-height: 38px; }}
@media (max-width: 760px){.menu-toggle{ display: block; }}
@media (max-width: 760px){.header-actions .button{ width: 40px; height: 40px; min-height: 40px; }}
@media (max-width: 760px){.province-area-grid{ grid-template-columns: 1fr; }}
@media (max-width: 760px){.province-area-grid article{ padding: 20px; }}
@media (max-width: 760px){.temple-list{ columns: 1; }}
@media (max-width: 390px){.brand{ font-size: 0.86rem; max-width: calc(100% - 142px); }}
@media (max-width: 390px){.header-actions{ gap: 3px; }}
@media (max-width: 390px){.header-actions .button{ width: 38px; height: 38px; }}
@media (max-width: 390px){.menu-toggle{ width: 40px; height: 38px; }}
:root{ --control-radius: 9px; --card-radius: 16px; }
.button{ border-radius: var(--control-radius); font-weight: 600; }
.button-primary-strong:hover{ background: rgb(84, 21, 32); }
.product-actions .button{ border-radius: 0 0 var(--control-radius) var(--control-radius); }
.search-box{ border-radius: var(--control-radius); }
.search-box .button{ border-radius: 0px 7px 7px 0px; }
.slider-controls button{ border-radius: 10px; }
.modal-dialog{ border-radius: 16px; }
.modal-close{ border-radius: 9px; }
.region-group,.region-group summary,.region-provinces a{ border-radius: 10px; }
.home-hero .hero-actions .psw-track-line:hover{ background: rgb(100, 27, 40); color: rgb(255, 255, 255); }
.centered-heading{ display: block; text-align: center; }
.centered-heading > span,.cta-eyebrow{ display: block; color: rgb(180, 73, 89); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; margin-bottom: 7px; }
.shortcut-grid a:hover{ border-color: rgb(142, 57, 71); background: rgb(255, 247, 245); transform: translateY(-2px); }
.selection-section{ padding-top: 30px; }
.selection-section .cta-panel{ border-radius: 18px; background: linear-gradient(115deg, rgb(38, 28, 17), rgb(63, 49, 32)); border: 1px solid rgb(80, 66, 49); }
.selection-section .cta-panel .psw-track-line{ box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 20px; background: rgb(255, 255, 255) !important; color: rgb(57, 43, 28) !important; border: 2px solid rgb(255, 255, 255) !important; }
.selection-section .cta-panel .psw-track-line:hover{ background: rgb(216, 188, 134) !important; border-color: rgb(216, 188, 134) !important; }
.site-footer .psw-track-line{ background: rgb(255, 255, 255) !important; color: rgb(64, 46, 26) !important; border-color: rgb(255, 255, 255) !important; }
.selection-cta-panel{ grid-template-columns: minmax(0px, 1fr) minmax(250px, auto); padding: clamp(28px, 4vw, 46px); }
.selection-cta-copy{ min-width: 0px; }
.selection-cta-panel .cta-eyebrow{ color: rgb(216, 188, 134); margin-bottom: 8px; }
.selection-cta-panel h2{ max-width: 760px; font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1.22; }
.selection-cta-description{ max-width: 790px; margin: 12px 0px 18px; color: rgb(240, 236, 231); line-height: 1.7; }
.selection-cta-details{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); max-width: 760px; margin: 0px; padding: 0px; list-style: none; border-block: 1px solid rgba(255, 255, 255, 0.18); }
.selection-cta-details li{ display: flex; align-items: center; gap: 9px; min-width: 0px; padding: 12px 14px; }
.selection-cta-details li + li{ border-left: 1px solid rgba(255, 255, 255, 0.18); }
.selection-cta-details strong{ font-size: 0.9rem; font-weight: 600; }
.selection-cta-closing{ margin: 16px 0px 0px; color: rgb(216, 188, 134); font-weight: 600; }
.selection-cta-actions{ display: flex; align-items: center; flex-direction: column; gap: 12px; text-align: center; }
.selection-cta-actions .button{ width: 100%; min-height: 52px; }
.selection-cta-line-identity{ display: grid; justify-items: center; gap: 7px; }
.selection-cta-line-identity img{ display: block; width: 104px; height: 104px; padding: 5px; border-radius: 10px; background: rgb(255, 255, 255); object-fit: contain; }
.selection-cta-line-identity span{ color: rgb(220, 213, 204); font-size: 0.8rem; font-weight: 600; }
.delivery-regions{ background: rgb(255, 250, 248); }
.delivery-layout{ display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(440px, 1.2fr); gap: 56px; align-items: start; }
.delivery-intro{ position: sticky; top: 120px; }
.delivery-intro .eyebrow{ color: rgb(194, 79, 93); }
.delivery-intro h2{ font-size: clamp(2rem, 4vw, 3rem); line-height: 1.18; color: rgb(100, 27, 40); margin: 0.2em 0px; }
.delivery-intro .search-box{ margin-top: 24px; border: 1px solid rgb(227, 213, 210); box-shadow: none; padding: 0px; }
.delivery-intro .search-box input{ min-height: 52px; }
.delivery-intro .search-box .button{ width: 56px; padding: 0px; background: rgb(111, 30, 43); font-size: 1.4rem; }
.region-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.region-group{ border: 1px solid rgb(228, 216, 213); background: rgb(255, 255, 255); overflow: hidden; }
.region-group summary{ display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 58px; padding: 12px 16px; cursor: pointer; list-style: none; font-weight: 600; }
.region-group summary::-webkit-details-marker{ display: none; }
.region-group summary::after{ content: "＋"; color: rgb(142, 57, 71); }
.region-group[open] summary::after{ content: "−"; }
.region-group summary small{ margin-left: auto; color: rgb(156, 135, 112); font-weight: 400; font-size: 0.7rem; }
.region-provinces{ display: grid; gap: 6px; padding: 0px 10px 10px; }
.region-provinces a{ display: flex; justify-content: space-between; align-items: center; min-height: 42px; padding: 8px 10px; background: rgb(255, 248, 246); color: rgb(93, 38, 50); text-decoration: none; font-size: 0.85rem; }
.region-provinces a:hover{ background: rgb(245, 228, 225); }
.region-empty{ padding: 10px; color: rgb(162, 143, 121); font-size: 0.76rem; }
.site-footer{ background: rgb(101, 29, 42); color: rgb(255, 244, 242); padding: 70px 0px 0px; }
.site-footer .footer-grid{ grid-template-columns: 1.35fr 0.8fr 0.9fr 1fr; gap: 48px; }
.footer-logo{ display: inline-block; font-size: 1.6rem; font-weight: 700; text-decoration: none; margin-bottom: 14px; color: rgb(255, 255, 255) !important; }
.footer-brand p{ color: rgb(234, 216, 219); max-width: 390px; }
.site-footer h3{ color: rgb(255, 255, 255); margin: 0px 0px 18px; font-size: 1rem; }
.site-footer ul{ list-style: none; margin: 0px; padding: 0px; }
.site-footer li{ margin: 0px 0px 10px; }
.site-footer a{ color: rgb(244, 232, 234); text-decoration: none; }
.site-footer a:hover{ text-decoration: underline; }
.site-footer small{ color: rgb(220, 191, 196); }
.footer-bottom{ display: flex; justify-content: space-between; align-items: center; margin-top: 50px; padding-block: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer-bottom > a{ display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 9px; text-decoration: none; }
@media (max-width: 1100px){.delivery-layout{ grid-template-columns: 1fr; gap: 30px; }}
@media (max-width: 1100px){.delivery-intro{ position: static; }}
@media (max-width: 1100px){.site-footer .footer-grid{ grid-template-columns: 1.2fr 1fr 1fr; gap: 36px; }}
@media (max-width: 1100px){.footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 1100px){.header-inner{ flex-wrap: nowrap; }}
@media (max-width: 1100px){.header-actions{ order: 2; }}
@media (max-width: 1100px){.menu-toggle{ order: 3; }}
@media (max-width: 1100px){.nav{ order: 4; }}
@media (max-width: 760px){.site-header{ background: rgb(255, 255, 255); }}
@media (max-width: 760px){.header-inner{ flex-wrap: wrap; padding-block: 10px; }}
@media (max-width: 760px){.brand{ order: 1; max-width: calc(100% - 56px); font-size: 1rem; }}
@media (max-width: 760px){.menu-toggle{ order: 2; margin-left: auto; width: 46px !important; height: 42px !important; }}
@media (max-width: 760px){.header-actions{ order: 3; display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap: 8px; }}
@media (max-width: 760px){.header-actions .button{ border-radius: 8px; width: 100% !important; height: 42px !important; min-height: 42px !important; font-size: 0.76rem !important; }}
@media (max-width: 760px){.header-actions .button span{ font-size: 0.76rem; }}
@media (max-width: 760px){.header-actions .line-icon{ width: 22px; height: 22px; }}
@media (max-width: 760px){.nav{ order: 4; top: 100%; }}
@media (max-width: 760px){.delivery-layout{ gap: 24px; }}
@media (max-width: 760px){.region-list{ grid-template-columns: 1fr; }}
@media (max-width: 760px){.site-footer{ padding-top: 52px; }}
@media (max-width: 760px){.site-footer .footer-grid{ grid-template-columns: 1fr 1fr; gap: 34px 20px; }}
@media (max-width: 760px){.footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 760px){.footer-bottom{ margin-top: 34px; }}
@media (max-width: 760px){.selection-section .cta-panel{ display: block; padding: 26px 20px; }}
@media (max-width: 760px){.selection-cta-panel h2{ font-size: 1.6rem; }}
@media (max-width: 760px){.selection-cta-description{ font-size: 0.92rem; line-height: 1.65; }}
@media (max-width: 760px){.selection-cta-details{ grid-template-columns: 1fr; }}
@media (max-width: 760px){.selection-cta-details li{ padding: 9px 2px; }}
@media (max-width: 760px){.selection-cta-details li + li{ border-left: 0px; border-top: 1px solid rgba(255, 255, 255, 0.14); }}
@media (max-width: 760px){.selection-cta-closing{ font-size: 0.92rem; }}
@media (max-width: 760px){.selection-cta-actions{ align-items: stretch; margin-top: 20px; }}
@media (max-width: 760px){.selection-section .cta-panel .psw-track-line{ width: 100%; margin-top: 0px; white-space: normal; text-align: center; }}
@media (max-width: 390px){.trust-bar{ line-height: 1.4; }}
@media (max-width: 390px){.site-footer .footer-grid{ grid-template-columns: 1fr; }}
@media (max-width: 390px){.header-actions .button{ font-size: 0.7rem !important; }}
.care-section{ padding: 76px 0px; background: linear-gradient(rgb(251, 248, 242) 0%, rgb(245, 238, 228) 100%); }
.care-section .section-heading{ margin-bottom: 30px; }
.care-section .centered-heading > span{ color: rgb(154, 115, 62); font-size: 0.7rem; letter-spacing: 0.16em; }
.care-section .centered-heading h2{ max-width: 760px; margin: 0px auto; color: rgb(54, 37, 28); font-size: clamp(1.8rem, 3.2vw, 2.65rem); font-weight: 650; line-height: 1.22; white-space: normal; }
.care-section .trust-item:hover{ transform: translateY(-3px); border-color: rgb(213, 182, 129); box-shadow: rgba(70, 48, 27, 0.1) 0px 13px 28px; }
@media (max-width: 1100px){.care-section{ padding: 62px 0px; }}
@media (max-width: 760px){.care-section{ padding: 48px 0px; }}
@media (max-width: 760px){.care-section .section-heading{ margin-bottom: 22px; }}
@media (max-width: 760px){.care-section .centered-heading h2{ font-size: clamp(1.6rem, 7vw, 2.1rem); }}
.button-primary-strong:hover{ background: var(--mulberry); }
.centered-heading > span,.cta-eyebrow,.delivery-intro .eyebrow{ color: var(--mulberry); }
.delivery-intro h2{ color: var(--aubergine); }
.home-hero .hero-actions .hero-secondary:hover{ background: var(--porcelain); color: var(--aubergine); }
.home-hero .hero-actions .psw-track-line:hover{ background: var(--mulberry) !important; border-color: var(--mulberry) !important; }
.shortcut-grid a:hover{ border-color: var(--mauve); background: var(--porcelain); }
.delivery-regions{ background: var(--white); }
.delivery-intro .search-box{ border-color: var(--stone); }
.delivery-intro .search-box .button{ background: var(--plum); }
.region-group{ border-color: var(--stone); }
.region-group summary::after{ color: var(--mulberry); }
.region-provinces a{ background: var(--porcelain); color: var(--aubergine); }
.region-provinces a:hover{ background: rgb(240, 236, 231); }
.site-footer{ background: var(--aubergine); color: rgb(233, 229, 224); }
.wreath-filter-section{ position: sticky; z-index: 4; top: 112px; padding: 20px; border: 1px solid rgb(224, 218, 211); border-radius: 16px; background: rgb(251, 250, 248); box-shadow: rgba(57, 44, 29, 0.06) 0px 8px 24px; }
.wreath-filter-panel{ display: grid; gap: 20px; }
.wreath-filter-row{ display: grid; grid-template-columns: minmax(0px, 1fr); align-items: start; gap: 8px; }
.wreath-filter-row > strong{ padding: 0px; color: var(--aubergine); font-size: 0.88rem; }
.wreath-filter-row nav{ display: grid; gap: 7px; }
.wreath-filter-row a{ display: flex; align-items: center; width: 100%; min-height: 42px; padding: 8px 13px; border: 1px solid rgb(218, 211, 202); border-radius: 10px; color: var(--mulberry); background: rgb(255, 255, 255); text-decoration: none; font-size: 0.76rem; font-weight: 600; line-height: 1.35; }
.wreath-filter-row a:hover,.wreath-filter-row a:focus-visible{ border-color: var(--mulberry); background: rgb(247, 244, 240); }
.wreath-filter-row a[aria-current="page"]{ border-color: var(--aubergine); background: var(--aubergine); color: rgb(255, 255, 255); box-shadow: rgba(36, 27, 16, 0.16) 0px 5px 14px; }
.wreath-filter-summary{ display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid rgb(231, 226, 220); color: rgb(129, 110, 89); font-size: 0.78rem; }
.wreath-filter-summary strong{ color: var(--aubergine); font-size: 1rem; }
.wreath-filter-summary a{ font-weight: 600; }
.wreath-archive-heading > a:hover{ border-color: var(--mulberry); background: rgb(247, 244, 240); text-decoration: none; }
@media (max-width: 900px){.wreath-filter-section{ position: static; padding: 17px; }}
@media (max-width: 900px){.wreath-filter-panel{ gap: 15px; }}
@media (max-width: 900px){.wreath-filter-row{ gap: 6px; }}
@media (max-width: 900px){.wreath-filter-row nav{ display: flex; flex-wrap: wrap; gap: 8px; }}
@media (max-width: 900px){.wreath-filter-row a{ flex: 0 1 auto; width: auto; border-radius: 999px; white-space: normal; }}
.footer-brand p,.site-footer small{ color: rgb(212, 203, 192); }
.line-icon{ display: block; flex: 0 0 auto; width: 28px; height: 28px; object-fit: contain; filter: brightness(0) invert(1); }
.header-actions .line-icon,.site-footer .line-icon,.floating-contact .line-icon{ filter: none; }
.selection-section .line-icon{ filter: brightness(0) saturate(100%); }
.product-actions .line-icon{ width: 24px; height: 24px; }
.button.is-line-pending{ opacity: 1 !important; cursor: not-allowed; }
.button.is-phone-pending{ opacity: 1; cursor: not-allowed; }
.faq-section{ background: var(--porcelain); }
.faq-layout{ display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0px, 1.28fr); gap: clamp(36px, 7vw, 90px); align-items: start; }
.faq-intro{ position: sticky; top: 120px; }
.faq-intro > span{ color: var(--mulberry); font-size: 0.76rem; font-weight: 600; }
.faq-intro h2{ margin: 0.25em 0px; font-size: clamp(1.8rem, 3.7vw, 3rem); line-height: 1.18; color: var(--aubergine); }
.faq-intro p{ color: rgb(127, 109, 89); }
.faq-intro .button{ margin-top: 10px; background: var(--plum); color: rgb(255, 255, 255); }
.faq-intro .button:hover{ background: var(--mulberry); }
.faq-list{ max-width: none; margin: 0px; }
.faq-list > details,.faq-more > div > details{ border-bottom: 1px solid var(--stone); padding: 0px; }
.faq-list summary{ display: flex; align-items: flex-start; gap: 7px; min-height: 58px; padding: 17px 2px; cursor: pointer; list-style: none; color: var(--aubergine); font-weight: 500; }
.faq-list summary::-webkit-details-marker{ display: none; }
.faq-list > details:not(.faq-more) > summary::before,.faq-more > div > details > summary::before{ content: "▸"; color: var(--mulberry); margin-top: 1px; }
.faq-list details[open] > summary::before{ transform: rotate(90deg); }
.faq-list summary b{ font-weight: 500; }
.faq-list details > p{ margin: 0px; padding: 0px 20px 18px; color: rgb(116, 100, 81); font-size: 0.92rem; }
.faq-list .faq-more{ border: 0px; margin-top: 20px; }
.faq-list .faq-more > summary{ display: inline-flex; min-height: 44px; padding: 10px 16px; border: 1px solid var(--mulberry); border-radius: 8px; background: rgb(255, 255, 255); color: var(--mulberry); font-weight: 600; }
.faq-list .faq-more > summary span{ margin-left: 6px; }
.faq-list .faq-more[open] > summary span{ transform: rotate(45deg); }
.faq-more > div{ margin-top: 10px; }
.faq-item{ border-bottom: 1px solid var(--stone); }
.faq-item h3{ margin: 0px; }
.faq-question{ display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 10px; width: 100%; min-height: 58px; padding: 17px 2px; border: 0px; background: transparent; color: var(--aubergine); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 650; text-align: left; cursor: pointer; }
.faq-question:hover{ color: var(--mulberry); }
.faq-number{ color: var(--mulberry); font-variant-numeric: tabular-nums; }
.faq-icon{ transition: transform 0.18s; }
.faq-question[aria-expanded="true"] .faq-icon{ transform: rotate(45deg); }
.faq-answer{ padding: 0px 32px 18px; color: rgb(116, 100, 81); font-size: 0.94rem; }
.faq-answer p{ margin: 0px; }
.faq-answer[hidden]{ display: none; }
.faq-cta{ display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--stone); text-align: center; }
.faq-cta p{ margin: 0px; color: rgb(116, 100, 81); }
.faq-cta .button{ flex: 0 0 auto; }
@media (max-width: 760px){.faq-layout{ grid-template-columns: 1fr; gap: 24px; }}
@media (max-width: 760px){.faq-intro{ position: static; }}
@media (max-width: 760px){.faq-intro h2{ font-size: 2rem; }}
@media (max-width: 760px){.faq-question{ font-size: 0.9rem; }}
@media (max-width: 760px){.faq-answer{ padding-inline: 27px 8px; }}
@media (max-width: 760px){.faq-cta{ align-items: stretch; flex-direction: column; }}
@media (max-width: 760px){.faq-cta .button{ width: 100%; }}
@media (max-width: 760px){.line-icon{ width: 22px; height: 22px; }}
.selection-section .cta-panel .psw-track-line{ color: var(--aubergine) !important; }
.site-footer .psw-track-line{ color: var(--aubergine) !important; }
.nav,.nav a,.nav-dropdown-toggle{ font-weight: 600; color: var(--aubergine); }
.nav-dropdown{ position: relative; }
.nav-dropdown-toggle{ display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0px; border: 0px; background: transparent; cursor: pointer; }
.nav-dropdown-toggle span{ font-size: 0.8rem; transition: transform 0.18s; }
.nav-dropdown.open .nav-dropdown-toggle span{ transform: rotate(180deg); }
.nav-dropdown-list{ position: absolute; z-index: 30; top: calc(100% + 8px); left: 0px; display: none; width: 230px; padding: 8px; border: 1px solid var(--stone); border-radius: 10px; background: rgb(255, 255, 255); box-shadow: var(--shadow); }
.nav-dropdown.open .nav-dropdown-list{ display: grid; }
.nav-dropdown-list a{ display: flex; align-items: center; min-height: 42px; padding: 8px 10px; border-radius: 7px; text-decoration: none; }
.nav-dropdown-list a:hover{ background: var(--porcelain); color: var(--mulberry); }
.urgent-order-card .button:hover{ background: var(--mulberry); }
.wreath-choice-links a:hover{ background: var(--porcelain); }
@media (max-width: 1100px){.nav-dropdown{ width: 100%; }}
@media (max-width: 1100px){.nav-dropdown-toggle{ justify-content: space-between; width: 100%; padding: 8px 12px; }}
@media (max-width: 1100px){.nav-dropdown-list{ position: static; width: 100%; margin-top: 4px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 3px solid var(--stone); border-radius: 0px; box-shadow: none; }}
@media (max-width: 1100px){.nav-dropdown.open .nav-dropdown-list{ display: grid; }}
.province-breadcrumb-bar{ padding: 15px 0px; background: rgb(255, 255, 255); border-bottom: 1px solid var(--stone); }
.province-breadcrumb-bar .breadcrumbs{ display: flex; align-items: center; gap: 8px; margin: 0px; color: rgb(134, 115, 93); font-size: 0.82rem; }
.province-breadcrumb-bar a{ color: var(--mulberry); }
.province-hero{ padding-top: clamp(54px, 6vw, 84px); }
.province-category-shortcuts{ padding-bottom: 26px; }
.province-category-shortcuts .shortcut-grid{ grid-template-columns: repeat(3, 1fr); }
.province-product-categories .product-section:first-child{ padding-top: 42px; }
@media (max-width: 760px){.province-category-shortcuts .shortcut-grid{ grid-template-columns: 1fr; }}
@media (max-width: 760px){.province-breadcrumb-bar{ padding: 11px 0px; }}
@media (max-width: 760px){.province-breadcrumb-bar .breadcrumbs{ font-size: 0.72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }}
@media (max-width: 760px){.province-product-categories .product-section:first-child{ padding-top: 28px; }}
.nav-chevron{ width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.18s; }
.nav-dropdown.open .nav-chevron{ transform: rotate(180deg); }
.province-hero{ padding-bottom: clamp(66px, 7vw, 96px); background: linear-gradient(115deg,var(--white) 0%,var(--porcelain) 56%,#e9dfce 100%); }
.province-care-section{ margin-top: -1px; background: linear-gradient(180deg,#e9dfce 0,var(--porcelain) 105px); border-top: 0px; }
.province-seo-article{ background: rgb(255, 255, 255); }
.province-seo-article .eyebrow{ color: var(--mulberry); }
.province-seo-article h3{ margin-top: 1.8em; color: var(--plum); font-size: 1.35rem; }
.floating-contact{ position: fixed; z-index: 48; right: clamp(12px, 2vw, 28px); bottom: clamp(18px, 4vw, 42px); display: grid; justify-items: end; gap: 12px; }
.floating-contact-stack{ display: grid; gap: 6px; padding: 8px; border: 1px solid var(--stone); border-radius: 11px; background: rgba(255, 255, 255, 0.94); box-shadow: rgba(36, 27, 16, 0.18) 0px 8px 24px; backdrop-filter: blur(8px); }
.floating-contact-button,.floating-chat-button{ display: grid; place-items: center; text-decoration: none; color: var(--mulberry); background: var(--porcelain); border: 1px solid transparent; cursor: pointer; }
.floating-contact-button{ width: 46px; height: 44px; border-radius: 8px; font-size: 1.25rem; }
.floating-contact-button img{ width: 23px; height: 23px; object-fit: contain; }
.floating-chat-button{ width: 52px; height: 52px; border-radius: 50%; background: rgb(255, 255, 255); border-color: var(--stone); box-shadow: rgba(36, 27, 16, 0.15) 0px 8px 20px; }
.floating-chat-button svg{ width: 25px; height: 25px; fill: none; stroke: currentcolor; stroke-width: 1.7; }
.floating-contact [aria-disabled="true"]{ opacity: 0.58; cursor: not-allowed; }
.floating-contact a:hover{ color: var(--aubergine); border-color: var(--mauve); transform: translateY(-2px); }
@media (max-width: 760px){.floating-contact{ right: 10px; bottom: 14px; }}
@media (max-width: 760px){.floating-contact-stack{ padding: 6px; }}
@media (max-width: 760px){.floating-contact-button{ width: 42px; height: 40px; }}
@media (max-width: 760px){.floating-chat-button{ width: 48px; height: 48px; }}
@media (max-width: 760px){.province-hero{ padding-bottom: 56px; }}
@media (max-width: 760px){.province-care-section{ background: linear-gradient(180deg,#e9dfce 0,var(--porcelain) 72px); }}
.order-process{ background: rgb(246, 242, 236); }
.delivery-gallery-section{ overflow: hidden; background: rgb(244, 240, 234); }
.delivery-gallery-heading{ align-items: end; }
.delivery-gallery-heading .eyebrow{ color: var(--mulberry); }
.delivery-gallery-heading h2{ margin: 0.2em 0px 0px; }
.delivery-gallery-track{ display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: auto; scrollbar-width: none; padding: 4px 2px 16px; }
.delivery-gallery-track::-webkit-scrollbar{ display: none; }
.delivery-gallery-item{ position: relative; flex: 0 0 calc(29.8507% - 16.1194px); aspect-ratio: 4 / 5; margin: 0px; border-radius: 14px; overflow: hidden; scroll-snap-align: start; background: rgb(237, 233, 228); }
.delivery-gallery-item img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.delivery-gallery-item:hover img{ transform: scale(1.025); }
.delivery-gallery-item figcaption{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 42px 16px 15px; background: linear-gradient(transparent, rgba(36, 27, 16, 0.88)); color: rgb(255, 255, 255); }
.delivery-gallery-item figcaption strong,.delivery-gallery-item figcaption span{ display: block; }
.delivery-gallery-item figcaption strong{ font-size: 0.9rem; }
.delivery-gallery-item figcaption span{ font-size: 0.7rem; color: rgb(233, 223, 206); }
.delivery-gallery-item.is-example::after{ content: "ตัวอย่าง — รอภาพจัดส่งจริง"; position: absolute; top: 10px; left: 10px; padding: 5px 8px; border-radius: 6px; background: rgba(255, 255, 255, 0.9); color: var(--aubergine); font-size: 0.62rem; font-weight: 600; }
.province-guide-header{ max-width: 780px; margin-bottom: 30px; }
.province-guide-header .eyebrow{ color: var(--mulberry); }
.province-guide-header h2{ margin: 0.2em 0px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.2; color: var(--aubergine); }
.province-guide-header p{ color: rgb(129, 110, 89); }
.province-guide-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.province-guide-grid article{ padding: 26px; border: 1px solid var(--stone); border-radius: 12px; background: var(--porcelain); }
.province-guide-grid article > span{ display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: var(--plum); color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 700; }
.province-guide-grid h3{ margin: 16px 0px 8px !important; font-size: 1.15rem !important; }
.province-guide-grid p{ margin: 0px; color: rgb(125, 107, 87); font-size: 0.88rem; }
.province-local-info{ margin-top: 22px; padding: 26px; border: 1px solid var(--stone); border-radius: 12px; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(250, 246, 241) 100%); }
.province-local-info > h3{ margin: 0px 0px 14px; color: var(--aubergine); font-size: 1.2rem; }
.province-custom-content{ padding: 0px; background: transparent; }
.province-custom-content > :first-child{ margin-top: 0px; }
.province-custom-content > :last-child{ margin-bottom: 0px; }
@media (max-width: 1100px){.delivery-gallery-item{ flex-basis: calc(42.5532% - 13.617px); }}
@media (max-width: 760px){.delivery-gallery-heading{ display: grid; grid-template-columns: 1fr auto; }}
@media (max-width: 760px){.delivery-gallery-item{ flex-basis: 82%; }}
@media (max-width: 760px){.province-guide-grid{ grid-template-columns: 1fr; }}
@media (max-width: 760px){.province-guide-grid article{ padding: 20px; }}
.modal-line-button{ display: flex; width: 100%; margin-top: 14px; }
.product-section{ scroll-margin-top: 96px; }
.modal-content .psw-track-line{ width: 100%; margin-top: 14px; }
.region-list{ align-items: start; }
.region-group{ align-self: start; }
.temple-list li strong,.temple-list li small{ display: block; }
.temple-list li small{ color: rgb(146, 125, 101); font-size: 0.68rem; }
.temple-more{ margin-top: 14px; border-top: 1px solid var(--stone); padding-top: 12px; }
.temple-more summary{ display: inline-flex; min-height: 42px; align-items: center; padding: 7px 14px; border: 1px solid var(--mulberry); border-radius: 8px; color: var(--mulberry); font-weight: 600; cursor: pointer; }
.floating-back-to-top{ position: fixed; z-index: 47; right: clamp(76px, 6vw, 104px); bottom: clamp(20px, 4vw, 44px); display: grid; place-items: center; width: 50px; height: 50px; padding: 0px; border: 0px; border-radius: 50%; background: var(--aubergine); color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; box-shadow: rgba(36, 27, 16, 0.2) 0px 8px 22px; }
.floating-back-to-top:hover{ background: var(--mulberry); color: rgb(255, 255, 255); transform: translateY(-2px); }
.delivery-gallery-section{ background: rgb(255, 255, 255); }
.delivery-gallery-item{ flex-basis: calc(25% - 13.5px); }
@media (max-width: 1100px){.delivery-gallery-item{ flex-basis: calc(33.3333% - 12px); }}
@media (max-width: 760px){.delivery-gallery-track{ gap: 10px; }}
@media (max-width: 760px){.delivery-gallery-item{ flex-basis: calc(50% - 5px); }}
@media (max-width: 760px){.floating-back-to-top{ right: 68px; bottom: 16px; width: 46px; height: 46px; }}
@media (min-width: 1101px){.products{ gap: 18px; }}
@media (min-width: 1101px){.product-card{ flex-basis: calc(25% - 13.5px); }}
@media (min-width: 1101px){.product-body{ padding: 14px 14px 0px; }}
@media (min-width: 1101px){.product-body h3{ margin: 11px 0px 12px; font-size: 0.98rem; }}
@media (min-width: 1101px){.product-tags{ gap: 6px; min-height: 26px; }}
@media (min-width: 1101px){.product-tags span{ padding: 3px 8px; font-size: 0.66rem; }}
@media (min-width: 1101px){.product-meta{ grid-template-columns: 0.8fr 1.2fr; padding: 12px 0px; gap: 0px; }}
@media (min-width: 1101px){.product-meta > span + span{ border-top: 0px; border-left: 1px solid var(--stone); padding: 0px 0px 0px 12px; text-align: right; }}
@media (min-width: 1101px){.product-meta .price{ font-size: 1.08rem; }}
@media (min-width: 1101px){.product-actions{ margin-inline: -14px; }}
@media (min-width: 1101px){.product-actions .button{ min-height: 56px; padding: 9px 8px; font-size: 0.86rem; }}
.products .product-card{ transition: box-shadow 0.22s, border-color 0.22s; }
@media (hover: hover){.products .product-card:hover{ transform: none; border-color: rgb(216, 205, 192); box-shadow: rgba(63, 49, 32, 0.14) 0px 16px 34px; }}
.product-section-actions .category-page-button{ order: -1; }
.product-section-actions .category-page-button:hover{ background: var(--mulberry) !important; border-color: var(--mulberry) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(84, 68, 49, 0.18) 0px 8px 20px !important; }
@media (hover: hover){.products .product-card:hover{ border-color: rgb(207, 192, 174); box-shadow: rgba(63, 49, 32, 0.18) 0px 18px 42px; }}
@media (hover: hover){.products .product-card:hover .product-image img{ transform: scale(1.05); }}
@media (hover: hover){.products .product-card:hover .product-actions .button{ background: linear-gradient(100deg, rgb(84, 68, 49), rgb(126, 105, 80)); }}
.floating-contact-stack{ transform-origin: right bottom; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; }
.floating-contact:not(.is-open) .floating-contact-stack{ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px) scale(0.9); }
.floating-contact-toggle{ transition: transform 0.18s, background 0.18s; }
.floating-contact.is-open .floating-contact-toggle{ transform: rotate(-8deg); background: var(--porcelain); }
.floating-chat-button{ width: auto; min-width: 132px; height: 48px; grid-template-columns: 22px auto; gap: 8px; padding: 0px 16px; border-radius: 999px; background: var(--aubergine); color: rgb(255, 255, 255); font-size: 0.8rem; font-weight: 700; }
.floating-chat-button svg{ width: 22px; height: 22px; }
.floating-contact.is-open .floating-contact-toggle{ transform: none; background: var(--mulberry); color: rgb(255, 255, 255); }
.floating-contact a:hover{ background: var(--mulberry); color: rgb(255, 255, 255); }
.button:hover,.button-secondary:hover,.hero-secondary:hover{ color: rgb(255, 255, 255); }
.related-view-all:hover{ background: var(--mulberry); color: rgb(255, 255, 255); }
.product-card-direct .product-body h3 a:hover{ color: var(--mulberry); text-decoration: underline; }
.province-temple-directory{ grid-column: 1 / -1; }
.featured-temples{ margin: 22px 0px; padding: 20px; border: 1px solid rgb(223, 214, 204); border-radius: 14px; background: rgb(255, 255, 255); }
.featured-temples h4,.district-temple-groups h4{ margin: 0px 0px 12px; color: var(--aubergine); }
.featured-temple-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.featured-temple-grid > div{ display: grid; grid-template-columns: 22px 1fr; gap: 2px 8px; padding: 13px; border-radius: 10px; background: rgb(247, 244, 240); }
.featured-temple-grid > div > span{ grid-row: 1 / 3; color: rgb(181, 138, 67); }
.featured-temple-grid strong,.featured-temple-grid small{ display: block; }
.featured-temple-grid small{ color: rgb(136, 116, 94); font-size: 0.7rem; }
.district-temple-groups{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.district-temple-groups > section{ scroll-margin-top: 110px; padding: 16px; border: 1px solid var(--stone); border-radius: 12px; background: rgb(255, 255, 255); }
.district-temple-groups ul{ margin: 0px; padding-left: 20px; }
.district-temple-groups li + li{ margin-top: 5px; }
@media (max-width: 800px){.featured-temple-grid,.district-temple-groups{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 520px){.featured-temple-grid,.district-temple-groups{ grid-template-columns: 1fr; }}
.temple-status-legend{ display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0px; }
.temple-status{ display: inline-flex; width: max-content; margin-top: 6px; padding: 3px 8px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; }
.district-temple-groups li{ display: flex; flex-direction: column; align-items: flex-start; }
.district-temple-groups li strong{ color: var(--ink); font-size: 0.82rem; }
.district-temple-groups li small{ display: block; margin-top: 4px; color: rgb(115, 89, 40); font-size: 0.75rem; line-height: 1.45; }
.district-temple-groups > .district-featured{ grid-column: 1 / -1; }
.district-featured ul{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px 18px; padding: 0px; list-style: none; }
.district-featured li{ padding: 9px 11px; border-radius: 8px; background: rgb(250, 248, 246); margin: 0px !important; }
.district-temple-groups .temple-subdistrict{ margin-top: 2px; color: rgb(134, 115, 93); font-size: 0.75rem; }
@media (max-width: 800px){.district-featured ul{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 520px){.district-featured ul{ grid-template-columns: 1fr; }}
.temple-landing-hero{ position: relative; background: linear-gradient(90deg, rgba(255, 251, 247, 0.96), rgba(255, 251, 247, 0.82)), url("/wp-content/themes/pisut-wreath/assets/css/../../assets/images/hero-temple-background-v1.webp") center center / cover; }
.temple-landing-hero .hero-grid{ min-height: 460px; }
.temple-landing-hero .hero-copy{ max-width: 650px; }
.temple-landing-hero .hero-copy > p{ max-width: 590px; }
.temple-landing-trust{ padding-block: clamp(52px, 7vw, 82px); }
.temple-category-shortcuts{ padding-block: 54px; }
.temple-category-shortcuts .section-heading{ margin-bottom: 24px; }
.temple-landing-products > .container:first-child{ padding-top: 48px; }
.temple-detail-section{ padding-top: 54px; }
.temple-detail-title{ margin-bottom: 24px; }
.temple-proof-section > .container > .delivery-gallery{ margin-bottom: 42px; }
.temple-specific-faq .faq-list{ max-width: 900px; margin-inline: auto; }
.temple-specific-faq details{ margin-bottom: 12px; border: 1px solid rgb(234, 228, 221); border-radius: 14px; background: rgb(255, 255, 255); padding: 0px 20px; }
.temple-specific-faq summary{ min-height: 56px; display: flex; align-items: center; font-weight: 800; cursor: pointer; }
.temple-specific-faq details p{ margin: 0px 0px 20px; color: rgb(116, 99, 80); }
.temple-final-cta{ display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 42px; padding: 30px; border-radius: 22px; background: rgb(248, 244, 239); }
.temple-final-cta h2,.temple-final-cta p{ margin-block: 0px 6px; }
@media (max-width: 800px){.temple-landing-hero .hero-grid{ min-height: auto; }}
@media (max-width: 800px){.temple-landing-hero .hero-actions{ display: grid; }}
@media (max-width: 800px){.temple-landing-hero .button{ min-height: 48px; width: 100%; }}
@media (max-width: 800px){.temple-final-cta{ align-items: stretch; flex-direction: column; }}
@media (max-width: 800px){.temple-final-cta .hero-actions{ display: grid; }}
@media (max-width: 800px){.temple-final-cta .button{ min-height: 48px; width: 100%; }}
@media (max-width: 520px){.temple-category-shortcuts{ padding-block: 38px; }}
@media (max-width: 520px){.temple-specific-faq details{ padding-inline: 16px; }}
.temple-location-grid{ align-items: stretch; }
.temple-location-grid > article{ min-width: 0px; }
.temple-facts{ display: grid; gap: 10px; margin: 22px 0px; }
.temple-facts > div{ display: flex; justify-content: space-between; gap: 18px; padding: 12px 0px; border-bottom: 1px solid var(--stone); }
.temple-facts dt{ font-weight: 700; color: var(--aubergine); }
.temple-facts dd{ margin: 0px; text-align: right; }
.temple-map-card .temple-map-heading{ margin-bottom: 16px; }
.temple-map-card .temple-map-heading h3{ margin-bottom: 0px; }
.temple-map-card .temple-map-frame{ margin: 0px; overflow: hidden; border-radius: 12px; }
.temple-map-card iframe{ display: block; width: 100%; height: 360px; border: 0px; }
@media (max-width: 760px){.temple-map-card iframe{ height: 300px; }}
@media (max-width: 760px){.temple-location-grid .button{ width: 100%; }}
.temple-data-note{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 18px; padding: 14px 16px; border: 1px solid var(--stone); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(127, 109, 88); font-size: 0.72rem; }
.temple-data-note strong{ color: var(--aubergine); }
.temple-data-note a{ font-weight: 650; }
.temple-data-note time{ margin-left: auto; }
.temple-nearby-section{ padding-block: clamp(40px, 6vw, 70px); }
.temple-nearby-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.temple-nearby-grid a{ position: relative; display: grid; gap: 3px; min-height: 112px; padding: 20px 48px 20px 20px; border: 1px solid var(--stone); border-radius: 14px; background: rgb(255, 255, 255); color: var(--aubergine); text-decoration: none; }
.temple-nearby-grid a:hover,.temple-nearby-grid a:focus-visible{ border-color: var(--mulberry); background: var(--porcelain); }
.temple-nearby-grid span{ color: rgb(135, 116, 94); font-size: 0.68rem; }
.temple-nearby-grid strong{ font-size: 0.95rem; }
.temple-nearby-grid b{ position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 1.15rem; }
@media (max-width: 800px){.temple-nearby-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 520px){.temple-data-note{ display: grid; }}
@media (max-width: 520px){.temple-data-note time{ margin-left: 0px; }}
@media (max-width: 520px){.temple-nearby-grid{ grid-template-columns: 1fr; }}
@media (max-width: 520px){.temple-nearby-section .section-heading{ align-items: flex-start; }}
@media (max-width: 520px){.temple-nearby-section .related-view-all{ min-height: 44px; }}
@media (max-width: 520px){.single-ps_temple .product-tags span{ font-size: 0.65rem; }}
@media (max-width: 520px){.single-ps_temple .product-meta small{ font-size: 0.65rem; }}
@media (max-width: 520px){.single-ps_temple .product-meta strong{ font-size: 0.78rem; }}
@media (max-width: 520px){.single-ps_temple .product-meta .price{ font-size: 0.88rem; }}
@media (max-width: 520px){.single-ps_temple .product-actions .button{ font-size: 0.68rem; line-height: 1.35; }}
.single-ps_temple .province-area-section .section-heading h2{ max-width: none; word-break: keep-all; overflow-wrap: normal; text-wrap: balance; }
@media (max-width: 520px){.single-ps_temple .province-area-section .section-heading h2{ font-size: clamp(1.3rem, 6vw, 1.55rem); }}
.temple-province-layout + .province-care-section{ margin-top: 0px; }
.temple-location-grid + .province-seo-article{ padding-top: 0px; }
.temple-province-layout ~ .province-seo-article{ padding-block: clamp(34px, 5vw, 60px); }
.temple-province-layout ~ .province-seo-article .province-editorial{ margin-top: 0px; }
.temple-province-layout ~ .province-seo-article .province-custom-content,.temple-province-layout ~ .province-seo-article .province-custom-content p{ text-align: left !important; }
.temple-province-layout ~ .province-seo-article .province-custom-content{ max-width: none; }
.temple-specific-faq .faq-list{ max-width: none; margin: 0px; }
.temple-specific-faq .faq-item{ margin: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--stone); border-radius: 0px; background: transparent; padding: 0px; }
.temple-specific-faq .faq-question{ font-weight: 650; }
.temple-specific-faq .faq-answer p{ margin: 0px; }
.province-breadcrumb-bar .breadcrumbs span:last-child{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px){.temple-province-layout ~ .province-seo-article{ padding-block: 28px; }}
@media (max-width: 760px){.temple-province-layout ~ .province-seo-article .province-editorial-heading,.temple-province-layout ~ .province-seo-article .province-custom-content{ text-align: left; }}
@media (max-width: 760px){.province-breadcrumb-bar .breadcrumbs{ gap: 6px; }}
@media (min-width: 601px) and (max-width: 900px){.temple-province-layout .hero-copy h1.temple-hero-long-title{ font-size: 1.7rem; }}
.catalog-filter-nav button{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 16px; border: 1px solid var(--stone); border-radius: 10px; background: rgb(255, 255, 255); color: var(--aubergine); font: inherit; cursor: pointer; }
.catalog-filter-nav button:hover,.catalog-filter-nav button:focus-visible{ border-color: var(--mulberry); background: rgb(247, 244, 240); }
.catalog-filter-nav button.is-active{ border-color: var(--aubergine); background: var(--aubergine); color: rgb(255, 255, 255); box-shadow: rgba(36, 27, 16, 0.14) 0px 7px 16px; }
.product-card[hidden]{ display: none !important; }
.product-section [data-filter-status]{ min-height: 1.25em; margin: 8px 0px; color: rgb(129, 110, 89); font-size: 0.8rem; }
@media (max-width: 760px){.catalog-filter-nav > div{ display: flex; overflow-x: auto; scroll-snap-type: x; padding-bottom: 6px; }}
@media (max-width: 760px){.catalog-filter-nav button{ flex: 0 0 auto; scroll-snap-align: start; }}
.province-hero .hero-copy h1{ display: grid; gap: 0px; margin: 0.16em 0px 0.32em; font-size: clamp(1.9rem, 3.75vw, 3.25rem); line-height: 1.12; max-width: 760px; }
.province-delivery-line{ white-space: nowrap; font-size: 0.82em; }
.province-hero .hero-copy > p{ margin: 0px; max-width: 620px; font-size: clamp(0.92rem, 1.2vw, 1rem); line-height: 1.65; }
.province-hero .hero-copy > .province-promise{ max-width: 620px; margin: 7px 0px 0px; color: var(--mulberry); font-size: clamp(0.84rem, 1.05vw, 0.92rem); font-weight: 600; }
.province-hero .hero-actions{ margin-top: 18px; }
.province-browse-button{ gap: 9px; background: rgb(244, 241, 237); border-color: rgb(207, 198, 187); color: var(--mulberry); box-shadow: none; }
.province-browse-button:hover{ background: rgb(231, 224, 217); border-color: var(--mauve); color: var(--aubergine); }
.province-browse-button svg{ width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.province-hero .hero-actions .psw-track-line{ background: linear-gradient(100deg,var(--aubergine),var(--mulberry)); border-color: var(--aubergine); color: rgb(255, 255, 255); box-shadow: rgba(36, 27, 16, 0.2) 0px 8px 20px; }
.province-hero .hero-actions .psw-track-line:hover{ background: var(--mulberry); border-color: var(--mulberry); color: rgb(255, 255, 255); transform: translateY(-1px); }
@media (max-width: 520px){.province-hero .hero-copy h1{ font-size: 1.78rem; }}
@media (max-width: 520px){.province-delivery-line{ font-size: 0.76em; letter-spacing: -0.02em; }}
@media (max-width: 520px){.province-hero .hero-actions{ display: grid; grid-template-columns: 1fr; }}
@media (max-width: 520px){.province-hero .hero-actions .button{ width: 100%; }}
.all-temples-more{ margin-top: 18px; }
.all-temples-more > summary{ display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 11px 16px; border: 1px solid var(--mulberry); border-radius: 10px; background: rgb(255, 255, 255); color: var(--mulberry); font-weight: 700; cursor: pointer; }
.all-temples-more > summary span{ font-size: 0.72rem; }
.all-temples-more[open] > summary{ margin-bottom: 14px; background: var(--mulberry); color: rgb(255, 255, 255); }
.products{ align-items: stretch; }
.products .product-card{ align-self: stretch; }
.products .product-body{ height: 100%; }
.products .product-actions{ margin-top: auto; }
.products .product-image::after{ background: linear-gradient(transparent 80%, rgba(36, 27, 16, 0.16)); }
.products .product-image:hover::after,.products .product-image:focus-visible::after{ opacity: 0.55; }
.floating-back-to-top{ right: clamp(12px, 2vw, 28px); bottom: clamp(82px, 10vw, 104px); }
body.floating-contact-open .floating-back-to-top{ bottom: 220px; }
@media (max-width: 760px){.floating-back-to-top{ right: 10px; bottom: 72px; }}
@media (max-width: 760px){body.floating-contact-open .floating-back-to-top{ bottom: 184px; }}
@media (max-width: 620px){.floating-chat-button{ min-width: 122px; height: 46px; padding-inline: 14px; }}
.floating-contact{ pointer-events: none; }
.floating-contact-stack,.floating-contact-toggle{ pointer-events: auto; }
.footer-contact-list{ display: grid; gap: 10px; }
.site-footer .footer-contact-item{ display: grid; grid-template-columns: 38px minmax(0px, 1fr) 18px; align-items: center; gap: 10px; min-height: 62px; padding: 10px 11px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; box-shadow: none; text-decoration: none; transition: background 0.18s, border-color 0.18s, transform 0.18s; background: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; }
.site-footer .footer-contact-item:hover{ border-color: rgba(255, 255, 255, 0.4); transform: translateY(-2px); text-decoration: none; background: rgba(255, 255, 255, 0.12) !important; }
.footer-contact-icon{ display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: rgba(255, 255, 255, 0.12); font-size: 1.05rem; }
.footer-contact-icon svg{ width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.6; }
.footer-line-icon{ background: rgb(22, 201, 99); }
.footer-line-icon .line-icon{ width: 23px; height: 23px; }
.footer-contact-item > span:nth-child(2){ min-width: 0px; }
.site-footer .footer-contact-item small{ display: block; color: rgb(210, 201, 190); font-size: 0.68rem; line-height: 1.25; }
.footer-contact-item strong{ display: block; margin-top: 3px; font-size: 0.84rem; line-height: 1.35; overflow-wrap: anywhere; }
.footer-contact-arrow{ color: rgb(220, 208, 194); font-size: 0.9rem; }
.footer-contact-note{ margin: 14px 0px 0px; color: rgb(235, 229, 223); font-size: 0.82rem; }
.brand img{ display: block; width: auto; max-width: min(230px, 48vw); height: 52px; object-fit: contain; object-position: left center; }
.footer-logo img{ display: block; width: min(300px, 100%); height: auto; max-height: 108px; object-fit: contain; object-position: left center; }
.footer-logo:hover img{ filter: brightness(0) invert(1) brightness(1.06); }
html,body{ overflow-x: clip; }
.province-urgent-strip{ padding: 0px 0px 34px; background: var(--white); }
.province-urgent-strip .container{ display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 24px; border: 1px solid rgb(234, 229, 223); border-radius: 16px; background: linear-gradient(110deg, rgb(250, 248, 246), rgb(243, 239, 234)); }
.province-urgent-strip .container > div > strong,.province-urgent-strip .container > div > span{ display: block; }
.province-urgent-strip .container > div > strong{ color: var(--aubergine); font-size: 1.05rem; }
.province-urgent-strip .container > div > span{ margin-top: 3px; color: rgb(126, 108, 88); font-size: 0.82rem; }
.province-urgent-strip .button{ flex: 0 0 auto; color: rgb(255, 255, 255); }
.province-urgent-strip .button .line-icon{ filter: none; }
.province-urgent-strip .button:hover,.province-urgent-strip .button:focus-visible{ color: rgb(255, 255, 255); }
@media (max-width: 760px){.province-urgent-strip{ padding-bottom: 24px; }}
@media (max-width: 760px){.province-urgent-strip .container{ display: grid; padding: 16px; }}
@media (max-width: 760px){.province-urgent-strip .button{ width: 100%; }}
.province-product-categories > .section,#wreath > .section{ background: rgb(255, 255, 255); }
.province-product-categories > .section + .section,#wreath > .section + .section{ border-top: 1px solid rgb(238, 229, 223); }
.province-product-categories .product-heading,#wreath .product-heading,.province-product-categories .catalog-home-heading,#wreath .catalog-home-heading{ position: relative; margin-bottom: 30px; padding: 0px 0px 18px 22px; border-bottom: 1px solid var(--stone); }
.province-product-categories .product-heading::before,#wreath .product-heading::before,.province-product-categories .catalog-home-heading::before,#wreath .catalog-home-heading::before{ content: ""; position: absolute; left: 0px; top: 4px; width: 5px; height: 46px; border-radius: 999px; background: linear-gradient(180deg,var(--champagne),var(--mulberry)); }
.province-product-categories .catalog-home-heading h2,#wreath .catalog-home-heading h2,.province-product-categories .product-heading h2,#wreath .product-heading h2{ margin: 0px; color: var(--aubergine); font-size: clamp(1.75rem, 3.4vw, 2.7rem); line-height: 1.2; }
.province-product-categories .catalog-home-heading p,#wreath .catalog-home-heading p{ margin: 7px 0px 0px; color: rgb(126, 108, 88); }
.catalog-inline-all .catalog-price-group{ background: rgb(255, 255, 255); }
.catalog-inline-all .catalog-group-heading h3{ position: relative; padding-left: 16px; color: var(--aubergine); font-size: clamp(1.25rem, 2.4vw, 1.75rem); }
.catalog-inline-all .catalog-group-heading h3::before{ content: ""; position: absolute; left: 0px; top: 0.18em; bottom: 0.18em; width: 4px; border-radius: 99px; background: var(--champagne); }
.province-product-categories .product-heading h2::before,#wreath .product-heading h2::before{ display: none; }
@media (max-width: 760px){.province-product-categories .product-heading,#wreath .product-heading,.province-product-categories .catalog-home-heading,#wreath .catalog-home-heading{ padding-left: 16px; }}
@media (max-width: 760px){.province-product-categories .product-heading::before,#wreath .product-heading::before,.province-product-categories .catalog-home-heading::before,#wreath .catalog-home-heading::before{ height: 38px; }}
.province-hero{ isolation: isolate; background-image: linear-gradient(90deg, rgba(255, 253, 252, 0.98) 0%, rgba(248, 245, 240, 0.94) 42%, rgba(236, 230, 224, 0.7) 70%, rgba(36, 27, 16, 0.28) 100%), url("/wp-content/themes/pisut-wreath/assets/css/../../assets/images/hero-temple-background-v1.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.province-hero .hero-grid{ position: relative; z-index: 1; }
@media (max-width: 760px){.province-hero{ background-image: linear-gradient(rgba(255, 253, 252, 0.98) 0%, rgba(248, 245, 240, 0.94) 58%, rgba(236, 230, 224, 0.84) 100%), url("/wp-content/themes/pisut-wreath/assets/css/../../assets/images/hero-temple-background-v1.webp"); background-position: 64% center; }}
@media (max-width: 760px){.province-hero .hero-visual:empty{ display: none; }}
@media (min-width: 1101px){.site-header .nav > a,.site-header .nav-dropdown-toggle{ position: relative; padding: 10px 2px; color: var(--ink); transition: color 0.18s, transform 0.18s; }}
@media (min-width: 1101px){.site-header .nav > a::after,.site-header .nav-dropdown-toggle::after{ content: ""; position: absolute; left: 50%; right: 50%; bottom: 3px; height: 2px; border-radius: 999px; background: linear-gradient(90deg,var(--champagne),var(--mulberry)); transition: left 0.2s, right 0.2s; }}
@media (min-width: 1101px){.site-header .nav > a:hover,.site-header .nav-dropdown-toggle:hover,.site-header .nav-dropdown.open .nav-dropdown-toggle{ color: var(--mulberry); transform: translateY(-1px); }}
@media (min-width: 1101px){.site-header .nav > a:hover::after,.site-header .nav > a:focus-visible::after,.site-header .nav-dropdown-toggle:hover::after,.site-header .nav-dropdown-toggle:focus-visible::after,.site-header .nav-dropdown.open .nav-dropdown-toggle::after{ left: 2px; right: 2px; }}
@media (min-width: 1101px){.site-header .nav-dropdown-list a{ transition: background 0.16s, color 0.16s, padding-left 0.16s; }}
@media (min-width: 1101px){.site-header .nav-dropdown-list a:hover,.site-header .nav-dropdown-list a:focus-visible{ padding-left: 18px; background: rgb(243, 239, 234); color: var(--aubergine); }}
@media (max-width: 1100px){.site-header .nav > a,.site-header .nav-dropdown-toggle,.site-header .nav-dropdown-list a{ border-radius: 8px; transition: background 0.16s, color 0.16s; }}
@media (max-width: 1100px){.site-header .nav > a:hover,.site-header .nav > a:focus-visible,.site-header .nav-dropdown-toggle:hover,.site-header .nav-dropdown-toggle:focus-visible,.site-header .nav-dropdown-list a:hover,.site-header .nav-dropdown-list a:focus-visible{ background: rgb(243, 239, 234); color: var(--aubergine); }}
.home-hero .hero-actions .province-browse-button{ background: rgb(244, 241, 237); color: var(--mulberry); border-color: rgb(207, 198, 187); }
.home-hero .hero-actions .province-browse-button:hover{ background: rgb(231, 224, 217); color: var(--aubergine); border-color: var(--mauve); }
html{ scroll-padding-top: 112px; }
body{ -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
h1,h2,h3{ text-wrap: balance; }
p{ overflow-wrap: anywhere; }
.section-heading h2{ max-width: 20ch; }
.section-heading > p{ max-width: 58ch; }
.breadcrumbs{ display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-bottom: 22px; color: rgb(136, 116, 94); }
.button{ transition: background-color 0.18s, border-color 0.18s, color 0.18s, box-shadow 0.18s, transform 0.18s; }
.temple-detail-section{ padding-top: clamp(34px, 4.5vw, 58px); padding-bottom: clamp(54px, 6vw, 80px); }
.temple-detail-section h1{ margin: 0.12em 0px 0.65em; font-size: clamp(2.25rem, 5vw, 4rem); }
.temple-delivery-card{ box-shadow: rgba(53, 41, 28, 0.06) 0px 14px 34px; }
.floating-contact,.floating-back-to-top{ opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 0.2s, visibility 0.2s, transform 0.2s; }
.floating-contact.is-visible,.floating-back-to-top.is-visible{ opacity: 1; visibility: visible; transform: none; }
@media (max-width: 760px){html{ scroll-padding-top: 156px; }}
@media (max-width: 760px){.section{ padding-block: clamp(42px, 12vw, 62px); }}
@media (max-width: 760px){.section-heading{ margin-bottom: 22px; }}
@media (max-width: 760px){.section-heading h2{ max-width: none; }}
@media (max-width: 760px){.temple-detail-section{ padding-top: 28px; padding-bottom: 52px; }}
@media (max-width: 760px){.temple-detail-section h1{ font-size: clamp(2rem, 11vw, 3rem); }}
@media (max-width: 760px){.temple-delivery-card{ margin-top: 16px; }}
@media (max-width: 1100px){.province-delivery-line{ white-space: normal; overflow-wrap: anywhere; }}
@media (max-width: 1100px){.province-hero .hero-actions .button{ min-width: 0px; max-width: 100%; white-space: normal; text-align: center; line-height: 1.35; }}
@media (max-width: 620px){.all-temples-more > summary{ flex-wrap: wrap; gap: 6px 12px; }}
@media (max-width: 620px){.product-meta,.product-meta > span{ min-width: 0px; }}
@media (max-width: 620px){.product-meta strong,.product-meta .price{ overflow-wrap: anywhere; }}
@media (max-width: 620px){.product-section .slider-controls button{ width: 44px; height: 44px; }}
.temple-detail-section .content{ max-width: 920px; }
.temple-detail-section h1{ color: var(--aubergine); line-height: 1.2; }
.temple-detail-section .wp-post-image{ width: 100%; max-height: 520px; margin: 16px 0px 24px; border-radius: 14px; object-fit: cover; }
.temple-delivery-card{ margin-top: 22px; padding: clamp(22px, 4vw, 34px); border: 1px solid var(--stone); border-radius: 14px; background: var(--porcelain); }
.temple-delivery-card h2{ margin: 0px 0px 12px; color: var(--aubergine); font-size: clamp(1.35rem, 3vw, 1.85rem); }
.temple-delivery-card dl{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 20px 0px; }
.temple-delivery-card dl > div{ padding: 13px 15px; border-radius: 9px; background: rgb(255, 255, 255); }
.temple-delivery-card dt{ color: rgb(136, 116, 94); font-size: 0.72rem; }
.temple-delivery-card dd{ margin: 2px 0px 0px; color: var(--plum); font-weight: 600; }
.temple-back-link{ margin-top: 20px; }
.temple-back-link a{ font-weight: 600; }
@media (max-width: 620px){.temple-delivery-card dl{ grid-template-columns: 1fr; }}
@media (max-width: 620px){.temple-delivery-card .button{ width: 100%; }}
.temple-directory-link{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: start; gap: 6px; width: 100%; max-width: 100%; min-width: 0px; color: var(--ink); text-decoration: none; }
.temple-directory-link strong{ min-width: 0px; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
.temple-directory-link b{ flex: 0 0 auto; color: var(--champagne); font-size: 0.76rem; transition: transform 0.18s; }
.temple-directory-link:hover,.temple-directory-link:focus-visible{ color: var(--mulberry); text-decoration: underline; }
.temple-directory-link:hover b,.temple-directory-link:focus-visible b{ transform: translateX(3px); }
.featured-temple-grid > div,.district-temple-groups > section,.district-featured li{ min-width: 0px; }
.featured-temple-grid strong,.district-temple-groups li > strong,.district-temple-groups h4{ max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.modal-line-qr .line-id-label{ color: var(--mulberry); font-weight: 700; }
.temple-commons-figure{ margin: 16px 0px 24px; }
.temple-commons-figure img{ display: block; width: 100%; max-height: 560px; border-radius: 14px; object-fit: cover; }
.temple-commons-figure figcaption{ padding: 8px 3px 0px; color: rgb(134, 115, 93); font-size: 0.68rem; }
.temple-commons-figure figcaption a{ font-weight: 600; }
.content > h1{ margin-top: 0px; }
.about-brand-contacts a:hover{ border-color: var(--mulberry); background: var(--plum); color: rgb(255, 255, 255); }
.contact-channel:hover,.contact-channel:focus-visible{ transform: translateY(-2px); border-color: var(--mulberry); background: var(--plum); color: rgb(255, 255, 255); }
.contact-channel:hover .line-icon,.contact-channel:focus-visible .line-icon{ filter: brightness(0) invert(1) !important; }
.contact-channel:hover small,.contact-channel:hover em,.contact-channel:focus-visible small,.contact-channel:focus-visible em{ color: rgb(255, 255, 255); }
.how-order-actions .button:first-child:hover,.how-order-actions .button:first-child:focus-visible{ background: var(--champagne); color: var(--aubergine); }
.payment-check-grid article{ position: relative; min-width: 0px; padding: 24px 20px; border: 1px solid var(--stone); border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(54, 42, 28, 0.06) 0px 8px 24px; }
.payment-check-grid article > b{ position: absolute; right: 14px; top: 13px; color: rgb(197, 182, 165); font-size: 0.7rem; }
.payment-check-grid article > span{ display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 18px; border-radius: 14px; background: var(--porcelain); color: var(--mulberry); font-size: 1.25rem; }
.payment-safety-grid article{ padding: 18px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; background: rgba(255, 255, 255, 0.07); }
.legal-page-tabs a:hover,.legal-page-tabs a:focus-visible{ background: var(--porcelain); color: var(--aubergine); }
.legal-page-tabs a.is-current{ background: var(--plum); color: rgb(255, 255, 255); }
.legal-cookie .legal-hero{ background: linear-gradient(130deg, rgb(81, 66, 48), rgb(126, 108, 87)); }
.legal-toc a:hover,.legal-toc a:focus-visible{ background: rgb(255, 255, 255); color: var(--mulberry); }
.psw-icon{ display: inline-block; flex: 0 0 auto; height: 1.5rem; vertical-align: middle; width: 1.5rem; }
.phone-icon{ stroke-width: 2.5; }
.button.psw-track-phone{ gap: 8px; }
.floating-contact-button .phone-icon{ width: 22px; height: 22px; }
.psw-icon--sm{ height: 1.25rem; width: 1.25rem; }
.psw-icon--md{ height: 1.5rem; width: 1.5rem; }
.selection-cta-details .psw-icon{ color: rgb(216, 188, 134); }
.province-browse-button .psw-icon{ stroke-width: 2.8; }
@media (max-width: 760px){.menu-toggle,.header-actions .button,.hero-actions .button,.slider-controls button,.district-more-toggle,.faq-cta .button,.province-urgent-strip .button,.floating-back-to-top,.floating-contact-button{ min-width: 44px !important; min-height: 44px !important; }}
@media (max-width: 760px){.floating-contact-button{ width: 44px; height: 44px; }}
.province-hero{ padding: clamp(34px, 3.5vw, 50px) 0px; }
.province-hero .hero-grid{ min-height: 520px; align-items: center; }
.province-hero .province-hero-visual{ min-height: 0px; align-self: center; isolation: isolate; }
.province-hero .province-hero-visual img{ width: min(125%, 720px); height: auto; max-width: none; max-height: 520px; justify-self: center; object-fit: contain; transform: translateX(6%); filter: drop-shadow(rgba(47, 36, 24, 0.2) 0px 25px 28px); }
.province-hero .province-hero-visual .hero-glow{ z-index: 0; width: 76%; background: radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 68%); box-shadow: none; }
@media (max-width: 1100px){.province-hero .province-hero-visual img{ width: min(118%, 650px); transform: translateX(2%); }}
@media (max-width: 760px){.province-hero{ padding: 28px 0px 26px; }}
@media (max-width: 760px){.province-hero .hero-grid{ gap: 12px; min-height: 0px; }}
@media (max-width: 760px){.province-hero .province-hero-visual{ order: -1; margin-bottom: 4px; }}
@media (max-width: 760px){.province-hero .province-hero-visual img{ width: 125%; max-width: none; max-height: 360px; transform: none; }}
@media (max-width: 760px){.province-hero .province-hero-visual .hero-glow{ width: min(78%, 360px); }}
body,button,input,select,textarea{ font-family: Prompt, Tahoma, sans-serif !important; }
.button{ border-radius: 8px; }
.site-header{ border-bottom: 1px solid rgb(221, 206, 181); }
.site-footer{ background: rgb(41, 27, 20); color: rgb(231, 217, 196); }
.brand img{ width: 230px; max-height: 64px; }
.footer-logo img{ filter: brightness(0) invert(1); }
.hero p{ color: rgb(105, 84, 71); }
.product-card{ border-color: rgb(231, 220, 203); }
.psw-track-line{ background: rgb(73, 49, 37) !important; border-color: rgb(73, 49, 37) !important; }
.products,.delivery-gallery-track{ scroll-behavior: auto; }
.hero.pisut-temple-hero{ position: relative; isolation: isolate; display: grid; place-items: center; min-height: 640px; padding: 72px 0px 42px; background: rgb(48, 35, 28); color: rgb(255, 250, 242); text-align: center; overflow: visible; }
.pisut-temple-backdrop{ position: absolute; z-index: -3; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 62%; pointer-events: none; }
.pisut-temple-hero::before{ content: ""; position: absolute; inset: 0px; z-index: -2; background: linear-gradient(rgba(43, 31, 24, 0.76), rgba(43, 31, 24, 0.72) 55%, rgba(29, 21, 16, 0.84)); pointer-events: none; }
.pisut-temple-content{ max-width: 940px; position: relative; }
.pisut-hero-badge{ display: inline-flex; gap: 9px; align-items: center; padding: 6px 17px; border: 1px solid rgba(184, 154, 104, 0.36); border-radius: 999px; color: rgb(227, 201, 143); background: rgba(201, 164, 105, 0.094); font-size: 12px; font-weight: 500; line-height: 1.6; }
.pisut-hero-badge i{ width: 7px; height: 7px; background: rgb(212, 183, 121); border-radius: 50%; }
.pisut-temple-hero h1{ margin: 25px auto 22px; max-width: 800px; color: rgb(255, 250, 245); font-size: clamp(36px, 4.2vw, 58px); line-height: 1.3; font-weight: 600; letter-spacing: -0.035em; text-shadow: rgba(29, 20, 12, 0.145) 0px 2px 24px; }
.hero.pisut-temple-hero p.pisut-hero-description{ font-size: 16px; line-height: 1.85; color: rgb(244, 233, 218); max-width: 740px; margin: 0px auto 35px; }
.pisut-temple-search.search-box{ position: relative; display: flex; gap: 10px; align-items: center; padding: 8px 8px 8px 19px; border: 0px; border-radius: 13px; background: rgb(255, 253, 249); box-shadow: rgba(23, 15, 8, 0.12) 0px 6px 18px; }
.pisut-temple-search input{ width: 100%; min-width: 0px; background: transparent; color: rgb(73, 49, 37); padding: 10px 0px; font-size: 13px; border: 0px; outline-offset: 2px; }
.pisut-temple-search input::placeholder{ color: rgb(154, 139, 124); opacity: 1; }
.pisut-temple-search .button{ background: rgb(101, 72, 46); color: rgb(255, 248, 236); border-radius: 10px; flex: 0 0 100px; min-height: 49px; padding: 10px 20px; font-size: 13px; font-weight: 500; }
.pisut-temple-search .button:hover{ background: rgb(128, 93, 57); }
.pisut-temple-search .search-results{ z-index: 25; text-align: left; top: calc(100% + 9px); border: 1px solid rgb(222, 205, 177); border-radius: 12px; background: rgb(255, 253, 249); box-shadow: rgba(22, 15, 8, 0.22) 0px 14px 35px; max-height: 300px; overflow: auto; color: rgb(73, 49, 37); }
.pisut-temple-search .search-results a{ color: rgb(73, 49, 37); font-size: 14px; }
.pisut-temple-search .search-results a:hover{ background: rgb(245, 237, 223); }
.pisut-temple-search .search-empty{ display: block; padding: 18px 16px; color: rgb(112, 91, 69); font-size: 13px; }
.hero.pisut-temple-hero p.pisut-search-help{ font-size: 12px; color: rgb(225, 211, 191); margin: 28px auto 0px; }
@media (min-width: 1600px){.hero.pisut-temple-hero{ min-height: 680px; padding-top: 90px; }}
@media (max-width: 700px){.hero.pisut-temple-hero{ min-height: 620px; padding: 54px 0px 30px; }}
@media (max-width: 700px){.pisut-temple-content{ width: calc(100% - 32px); }}
@media (max-width: 700px){.pisut-temple-hero h1{ font-size: 39px; margin: 25px auto 22px; line-height: 1.35; }}
@media (max-width: 700px){.hero.pisut-temple-hero p.pisut-hero-description{ font-size: 13px; max-width: 340px; line-height: 1.9; margin-bottom: 28px; }}
@media (max-width: 700px){.pisut-hero-badge{ font-size: 10px; padding: 6px 12px; }}
@media (max-width: 700px){.pisut-temple-search.search-box{ display: flex; gap: 7px; padding: 7px 7px 7px 12px; border-radius: 10px; }}
@media (max-width: 700px){.pisut-temple-search input{ font-size: 11px; }}
@media (max-width: 700px){.pisut-temple-search .button{ width: auto; flex-basis: 73px; min-height: 45px; padding: 8px 13px; font-size: 12px; }}
@media (max-width: 700px){.hero.pisut-temple-hero p.pisut-search-help{ font-size: 11px; margin-top: 24px; }}
@media (max-width: 700px){.pisut-temple-backdrop{ object-position: 65% center; }}
@media (max-width: 370px){.pisut-temple-hero h1{ font-size: 34px; }}
.hero.pisut-temple-hero::before{ inset: 0px; width: 100%; height: 100%; border-radius: 0px; transform: none; }
.pisut-temple-hero .pisut-search-panel{ backdrop-filter: blur(10px); background: rgba(255, 248, 232, 0.09); }
.pisut-hero-badge i{ background: rgb(41, 199, 131); box-shadow: rgba(41, 199, 131, 0.13) 0px 0px 0px 3px, rgba(41, 199, 131, 0.3) 0px 0px 9px; }
.hero.pisut-temple-hero p.pisut-hero-description{ margin-bottom: 0px; }
.pisut-banner-actions .pisut-browse-wreaths:hover{ background: rgba(255, 250, 245, 0.098); border-color: rgba(229, 201, 143, 0.66); box-shadow: rgba(16, 10, 5, 0.14) 0px 8px 22px; transform: translateY(-1px); }
.pisut-banner-actions .psw-track-line:hover{ box-shadow: rgba(0, 31, 16, 0.25) 0px 10px 26px; transform: translateY(-1px); background: rgb(7, 156, 66) !important; border-color: rgb(101, 217, 144) !important; }
.pisut-banner-actions .button:focus-visible{ outline: rgb(241, 213, 157) solid 3px; outline-offset: 3px; }
@media (max-width: 700px){.hero.pisut-temple-hero{ min-height: 580px; }}
@media (prefers-reduced-motion: reduce){.pisut-banner-actions .button:hover{ transform: none; }}
.care-section{ padding-block: 46px; }
.care-section .centered-heading{ margin-bottom: 22px; }
.care-section .centered-heading > span{ margin-bottom: 5px; }
.care-section .centered-heading h2{ max-width: none; margin: 0px; font-size: clamp(1.9rem, 2.7vw, 2.45rem); line-height: 1.25; white-space: nowrap; }
@media (max-width: 1100px){.care-section{ padding-block: 42px; }}
@media (max-width: 1100px){.care-section .centered-heading h2{ white-space: normal; text-wrap-style: balance; }}
@media (max-width: 760px){.care-section{ padding-block: 36px; }}
@media (max-width: 760px){.care-section .centered-heading{ margin-bottom: 18px; }}
@media (max-width: 760px){.care-section .centered-heading h2{ font-size: clamp(1.55rem, 7vw, 2rem); }}
.province-order-notice-heading > span,.order-notice-summary > div > span{ display: block; margin-bottom: 4px; color: rgb(153, 115, 63); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.province-order-notice-heading h2,.order-notice-summary h2{ margin: 0px; color: rgb(54, 37, 28); letter-spacing: -0.02em; }
.product-order-accordion details[open] summary i{ transform: rotate(45deg); }
.catalog-order-notice-wrap,.province-order-notice-wrap{ margin-top: -36px; margin-bottom: 58px; }
.order-notice-summary{ display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 22px 26px; border: 1px solid rgb(223, 208, 186); border-radius: 16px; background: rgb(248, 244, 236); box-shadow: rgba(66, 45, 27, 0.05) 0px 10px 30px; }
.order-notice-summary h2{ font-size: 1.2rem; }
.order-notice-summary p{ max-width: 790px; margin: 5px 0px 0px; color: rgb(119, 100, 83); font-size: 0.82rem; line-height: 1.7; }
.order-notice-summary > a,.province-order-notice-link{ display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; color: rgb(114, 80, 47); font-size: 0.82rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.order-notice-summary > a b{ font-size: 1.05rem; }
.order-notice-summary > a:hover,.province-order-notice-link:hover{ text-decoration: underline; text-underline-offset: 4px; }
.province-order-notice{ padding: 26px; border: 1px solid rgb(223, 208, 186); border-radius: 18px; background: linear-gradient(135deg, rgb(255, 253, 249), rgb(247, 240, 230)); }
.province-order-notice-heading{ display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.province-order-notice-heading h2{ font-size: clamp(1.25rem, 2vw, 1.55rem); }
.province-order-notice-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.province-order-notice-grid article{ padding: 16px 17px; border: 1px solid rgb(232, 220, 203); border-radius: 12px; background: rgba(255, 255, 255, 0.75); }
.province-order-notice-grid strong{ display: block; margin-bottom: 5px; color: rgb(77, 55, 40); font-size: 0.9rem; }
.province-order-notice-grid p{ margin: 0px; color: rgb(120, 102, 84); font-size: 0.79rem; line-height: 1.65; }
.province-order-notice-link{ margin-top: 16px; }
@media (max-width: 800px){.catalog-order-notice-wrap,.province-order-notice-wrap{ margin-top: -25px; margin-bottom: 42px; }}
@media (max-width: 800px){.order-notice-summary{ align-items: flex-start; flex-direction: column; gap: 14px; padding: 19px; }}
@media (max-width: 800px){.order-notice-summary > a{ white-space: normal; }}
@media (max-width: 800px){.province-order-notice{ padding: 20px 17px; }}
@media (max-width: 800px){.province-order-notice-grid{ grid-template-columns: 1fr; }}
@media (max-width: 800px){.province-order-notice-heading{ display: block; }}
@media (max-width: 800px){.province-order-notice-heading > span{ margin-bottom: 5px; }}
.product-card .product-meta{ margin-top: auto; }
.product-card{ position: relative; border: 1px solid rgb(227, 212, 191); border-radius: 22px; background: rgb(255, 250, 244); box-shadow: rgba(61, 40, 24, 0.06) 0px 10px 24px; overflow: hidden; transition: transform 0.24s, box-shadow 0.24s, border-color 0.24s; }
.product-card::before{ content: ""; position: absolute; z-index: 2; top: 14px; left: 14px; width: 30px; height: 3px; border-radius: 3px; background: rgb(197, 154, 90); }
.product-card:hover{ transform: translateY(-6px); border-color: rgb(201, 166, 111); box-shadow: rgba(61, 40, 24, 0.13) 0px 18px 34px; }
.product-card .product-image{ position: relative; margin: 10px 10px 0px; border-radius: 16px; background: rgb(242, 233, 220); box-shadow: rgba(197, 154, 90, 0.2) 0px 0px 0px 1px inset; overflow: hidden; }
.product-card .product-image img{ transition: transform 0.35s; mix-blend-mode: multiply; }
.product-card:hover .product-image img{ transform: scale(1.035); }
.product-card .product-body{ padding: 16px 16px 14px; background: linear-gradient(rgb(255, 250, 244) 0%, rgb(248, 239, 227) 100%); }
.product-card .product-tags{ gap: 6px; margin-bottom: 9px; }
.product-card .product-tags span{ border: 1px solid rgb(227, 207, 173); border-radius: 999px; background: rgb(255, 253, 249); color: rgb(137, 104, 62); font-size: 0.66rem; line-height: 1.2; }
.product-card .product-body h3{ margin-bottom: 7px; color: rgb(59, 41, 31); font-size: 1.03rem; line-height: 1.38; letter-spacing: -0.01em; }
.product-card .product-body h3 a:hover{ color: rgb(138, 99, 56); }
.product-card .product-meta{ margin-top: 10px; padding: 11px 0px; border-top: 1px solid rgb(230, 216, 198); border-bottom: 1px solid rgb(230, 216, 198); }
.product-card .product-meta small{ color: rgb(155, 128, 99); font-size: 0.62rem; letter-spacing: 0.03em; }
.product-card .product-meta strong{ color: rgb(74, 51, 37); font-size: 0.78rem; }
.product-card .product-meta .price{ color: rgb(155, 109, 50); font-size: 1.12rem; font-weight: 750; }
.product-card .product-actions{ margin: 14px 0px 0px; }
.product-card .product-actions .button{ min-height: 46px; border-radius: 11px; background: rgb(61, 42, 32); box-shadow: rgba(61, 42, 32, 0.15) 0px 5px 12px; font-size: 0.8rem; }
.product-card .product-actions .button:hover{ background: rgb(138, 99, 56); }
@media (max-width: 620px){.product-card{ border-radius: 17px; }}
@media (max-width: 620px){.product-card .product-image{ margin: 7px 7px 0px; border-radius: 13px; }}
@media (max-width: 620px){.product-card .product-body{ padding: 12px 11px 11px; }}
@media (max-width: 620px){.product-card .product-body h3{ font-size: 0.82rem; }}
@media (max-width: 620px){.product-card .product-meta .price{ font-size: 0.9rem; }}
@media (max-width: 620px){.product-card .product-actions .button{ min-height: 43px; font-size: 0.66rem; }}
.product-card .product-tags{ display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-height: 28px; }
.product-card .product-tags span{ display: inline-flex; align-items: center; min-height: 27px; padding: 5px 10px; border-radius: 999px; font-size: 0.64rem; font-weight: 650; letter-spacing: 0.01em; }
.product-card .product-tags .color-tag{ border: 1px solid rgb(219, 194, 155); background: rgb(255, 253, 249); color: rgb(138, 99, 56); font-weight: 550; }
.product-card .product-tags .color-tag i{ width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: rgb(197, 154, 90); box-shadow: rgb(242, 229, 209) 0px 0px 0px 2px; }
@media (max-width: 620px){.product-card .product-tags{ gap: 5px; }}
@media (max-width: 620px){.product-card .product-tags span{ min-height: 24px; padding: 4px 7px; font-size: 0.58rem; }}
.product-card .product-meta{ display: flex; align-items: flex-end; justify-content: flex-start; gap: 22px; text-align: left; }
.product-card .product-meta > span{ display: grid; justify-items: start; gap: 1px; min-width: 0px; }
.product-card .product-meta > span + span{ border-left: 1px solid rgb(230, 216, 198); padding-left: 22px; text-align: left; }
.product-card .product-meta small{ font-size: 0.62rem; line-height: 1.35; font-weight: 550; letter-spacing: 0.02em; }
.product-card .product-meta strong{ font-size: 0.82rem; line-height: 1.35; font-weight: 650; }
.product-card .product-meta .price{ font-size: 1.12rem; line-height: 1.25; font-weight: 750; color: rgb(155, 109, 50); }
@media (max-width: 620px){.product-card .product-meta{ gap: 12px; }}
@media (max-width: 620px){.product-card .product-meta > span + span{ padding-left: 12px; }}
@media (max-width: 620px){.product-card .product-meta strong{ font-size: 0.74rem; }}
@media (max-width: 620px){.product-card .product-meta .price{ font-size: 0.92rem; }}
.product-card .product-meta{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 7px; text-align: left; }
.product-card .product-meta > span{ display: grid; justify-items: start; gap: 1px; width: 100%; min-width: 0px; }
.product-card .product-meta > span + span{ border-left: 0px; padding-left: 0px; text-align: left; }
.product-card .product-meta .price{ font-size: 1.12rem; line-height: 1.25; }
@media (max-width: 620px){.product-card .product-meta{ gap: 5px; }}
@media (max-width: 620px){.product-card .product-meta .price{ font-size: 0.92rem; }}
.pisut-hero-wreath-art{ position: absolute; z-index: -1; right: clamp(2%, 5vw, 8%); bottom: -34px; width: min(50vw, 650px); height: auto; object-fit: contain; filter: drop-shadow(rgba(20, 12, 7, 0.28) 0px 22px 22px); pointer-events: none; }
@media (max-width: 900px){.pisut-hero-wreath-art{ right: -4%; bottom: -20px; width: min(58vw, 520px); opacity: 1; }}
@media (max-width: 700px){.pisut-hero-wreath-art{ right: 50%; bottom: -8px; width: min(92vw, 480px); transform: translateX(50%); opacity: 0.42; }}
@media (max-width: 700px){.pisut-temple-content{ z-index: 1; }}
@media (min-width: 901px){.hero.pisut-temple-hero{ min-height: 650px; }}
@media (min-width: 901px){.pisut-temple-content{ width: min(100% - 48px, 1200px); max-width: none; padding-right: 43%; text-align: left; }}
@media (min-width: 901px){.pisut-temple-hero h1{ margin-left: 0px; margin-right: 0px; max-width: 620px; }}
@media (min-width: 901px){.hero.pisut-temple-hero p.pisut-hero-description{ margin-left: 0px; margin-right: 0px; max-width: 600px; }}
@media (min-width: 901px){.pisut-hero-wreath-art{ right: 1.5%; bottom: -28px; width: min(42vw, 620px); max-height: 570px; }}
@media (min-width: 1201px){.pisut-temple-content{ padding-right: 36%; }}
@media (min-width: 1201px){.pisut-temple-hero h1{ max-width: 780px; font-size: clamp(42px, 4vw, 56px); }}
@media (min-width: 1201px){.hero.pisut-temple-hero p.pisut-hero-description{ max-width: 700px; }}
@media (min-width: 1201px){.pisut-hero-wreath-art{ width: min(39vw, 600px); right: 2%; bottom: -24px; }}
@media (min-width: 901px) and (max-width: 1200px){.hero.pisut-temple-hero{ min-height: 610px; padding-top: 60px; }}
@media (min-width: 901px) and (max-width: 1200px){.pisut-temple-content{ padding-right: 34%; }}
@media (min-width: 901px) and (max-width: 1200px){.pisut-temple-hero h1{ max-width: 680px; font-size: clamp(38px, 4.5vw, 50px); }}
@media (min-width: 901px) and (max-width: 1200px){.hero.pisut-temple-hero p.pisut-hero-description{ max-width: 570px; }}
@media (min-width: 901px) and (max-width: 1200px){.pisut-hero-wreath-art{ width: min(40vw, 500px); right: 1%; bottom: -18px; }}
.hero.pisut-temple-hero{ min-height: 0px; padding: 70px 0px 64px; }
.pisut-temple-content{ display: flex; flex-direction: column; align-items: center; width: min(100% - 32px, 980px); max-width: none; padding: 0px; text-align: center; }
.pisut-temple-hero h1{ margin: 20px 0px 0px; max-width: none; font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: 1.1; }
.pisut-hero-subtitle{ margin: 6px 0px 0px; color: rgb(255, 250, 245); font-size: clamp(1.5rem, 3vw, 2.6rem); line-height: 1.25; font-weight: 550; letter-spacing: -0.02em; }
.pisut-hero-free-delivery{ display: table; margin: 10px auto 0px; padding: 3px 9px; border-radius: 999px; background: rgba(31, 20, 16, 0.48); font-weight: 500; line-height: 1.4; text-align: center; letter-spacing: 0.01em; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px; color: rgb(216, 188, 134) !important; font-size: clamp(0.62rem, 0.9vw, 0.78rem) !important; }
.pisut-hero-wreath-art{ position: relative; z-index: 0; right: auto; bottom: auto; width: min(72vw, 720px); height: auto; margin: 14px auto -6px; filter: drop-shadow(rgba(20, 12, 7, 0.3) 0px 22px 22px); pointer-events: none; }
.hero.pisut-temple-hero p.pisut-hero-description{ max-width: 700px; margin: 0px auto; color: rgb(244, 233, 218); }
@media (max-width: 900px){.hero.pisut-temple-hero{ padding: 56px 0px 48px; }}
@media (max-width: 900px){.pisut-hero-wreath-art{ width: min(86vw, 560px); margin-top: 12px; }}
@media (max-width: 900px){.pisut-temple-content{ padding: 0px; }}
@media (max-width: 900px){.pisut-temple-hero h1{ font-size: clamp(2.2rem, 8vw, 3.5rem); }}
@media (max-width: 900px){.pisut-hero-subtitle{ font-size: clamp(1.35rem, 5vw, 2.1rem); }}
@media (max-width: 700px){.pisut-hero-wreath-art{ opacity: 1; transform: none; right: auto; bottom: auto; width: min(94vw, 500px); margin: 10px auto -2px; }}
@media (max-width: 700px){.hero.pisut-temple-hero p.pisut-hero-description{ font-size: 13px; line-height: 1.75; }}
.delivery-gallery-item figcaption{ display: none !important; }
.delivery-gallery-track{ width: 100%; display: flex; overflow-x: auto; transform: none; animation: auto ease 0s 1 normal none running none; scroll-snap-type: none; }
.delivery-gallery-item{ flex-basis: calc(33.3333% - 12px); }
@media (max-width: 1100px){.delivery-gallery-item{ flex-basis: calc(50% - 9px); }}
@media (max-width: 760px){.delivery-gallery-item{ flex-basis: 82%; }}
.delivery-gallery-item{ flex-basis: calc(23.8095% - 12.8571px); }
@media (max-width: 1100px){.delivery-gallery-item{ flex-basis: calc(42.5532% - 10.2128px); }}
@media (max-width: 760px){.delivery-gallery-item{ flex-basis: 78%; }}
.floating-back-to-top{ bottom: 20px !important; }
@media (max-width: 760px){.floating-back-to-top{ bottom: 16px !important; }}
.selection-section{ background: rgb(247, 243, 236); padding-block: clamp(44px, 7vw, 78px); }
.selection-section .selection-cta-panel{ position: relative; grid-template-columns: minmax(0px, 1fr) minmax(280px, 310px); gap: clamp(28px, 6vw, 72px); padding: clamp(30px, 5vw, 58px); border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(111, 88, 69) rgb(111, 88, 69) rgb(111, 88, 69) rgb(216, 188, 134); border-image: none; border-radius: 6px 34px; background: linear-gradient(125deg, rgb(53, 36, 25) 0%, rgb(74, 48, 34) 70%, rgb(90, 58, 40) 100%); box-shadow: rgba(45, 28, 17, 0.2) 0px 18px 44px; color: rgb(255, 248, 239); overflow: hidden; }
.selection-section .selection-cta-panel::after{ content: ""; position: absolute; right: -80px; bottom: -110px; width: 260px; height: 260px; border: 1px solid rgba(216, 188, 134, 0.24); border-radius: 50%; pointer-events: none; }
.selection-cta-panel .cta-eyebrow{ color: rgb(216, 188, 134); margin-bottom: 10px; font-size: 0.72rem; letter-spacing: 0.08em; }
.selection-cta-panel h2{ max-width: 680px; color: rgb(255, 248, 239); font-size: clamp(1.55rem, 3vw, 2.45rem); line-height: 1.18; letter-spacing: -0.025em; overflow-wrap: normal; }
.selection-cta-description{ max-width: 720px; color: rgb(234, 222, 210); line-height: 1.85; }
.selection-cta-details{ border-block-color: rgba(255, 246, 232, 0.22); }
.selection-cta-details li + li{ border-left-color: rgba(255, 246, 232, 0.22); }
.selection-cta-details svg{ color: rgb(216, 188, 134); }
.selection-cta-details strong{ color: rgb(255, 248, 239); }
.selection-cta-closing{ color: rgb(216, 188, 134); font-weight: 700; }
.selection-cta-actions{ position: relative; z-index: 1; align-self: center; }
.selection-cta-actions .psw-track-line{ box-shadow: rgba(216, 188, 134, 0.2) 0px 10px 20px; background: rgb(216, 188, 134) !important; border-color: rgb(216, 188, 134) !important; color: rgb(52, 36, 25) !important; }
.selection-cta-actions .psw-track-line:hover{ background: rgb(234, 212, 168) !important; border-color: rgb(234, 212, 168) !important; }
.selection-cta-actions .button{ white-space: nowrap; font-size: 0.9rem; }
.selection-cta-line-identity span{ color: rgb(234, 222, 210); }
.selection-cta-description,.selection-cta-details{ display: none !important; }
.selection-cta-closing{ margin-top: 18px; }
@media (max-width: 760px){.selection-section .selection-cta-panel{ display: block; padding: 28px 22px; border-radius: 5px 22px; }}
@media (max-width: 760px){.selection-cta-panel h2{ font-size: clamp(1.5rem, 7vw, 2.05rem); line-height: 1.22; overflow-wrap: anywhere; }}
@media (max-width: 760px){.selection-cta-description{ font-size: 0.92rem; line-height: 1.75; }}
@media (max-width: 760px){.selection-cta-actions{ width: 100%; margin-top: 24px; }}
@media (max-width: 760px){.selection-cta-actions .button{ width: 100%; max-width: 100%; white-space: normal; }}
@media (max-width: 760px){.selection-cta-details li{ padding-inline: 0px; }}
.fan-size-price-table{ display: grid; gap: 0px; margin: 0px 0px 12px; border: 1px solid rgb(230, 216, 198); border-radius: 8px; overflow: hidden; background: rgb(255, 250, 245); color: rgb(90, 68, 53); font-size: 0.78rem; }
.fan-size-price-table > div{ display: flex; align-items: center; justify-content: space-between; padding: 8px 11px; }
.fan-size-price-table > div + div{ border-top: 1px solid rgb(230, 216, 198); }
.fan-size-price-table strong{ font-size: 0.95rem; color: rgb(74, 51, 37); font-weight: 700; }
@media (max-width: 620px){.fan-size-price-table{ font-size: 0.68rem; margin-bottom: 9px; }}
@media (max-width: 620px){.fan-size-price-table > div{ padding: 6px 8px; }}
@media (max-width: 620px){.fan-size-price-table strong{ font-size: 0.82rem; }}
.fan-major-nav{ display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0px 28px; }
.fan-major-nav a{ display: inline-flex; align-items: center; min-height: 42px; padding: 9px 16px; border: 1px solid var(--stone); border-radius: 999px; background: rgb(255, 255, 255); color: var(--aubergine); font-weight: 700; text-decoration: none; }
.fan-major-nav a:hover,.fan-major-nav a:focus-visible{ border-color: var(--champagne); background: var(--porcelain); }
@media (max-width: 620px){.fan-major-nav{ gap: 7px; }}
@media (max-width: 620px){.fan-major-nav a{ flex: 1 1 0%; justify-content: center; padding: 8px 10px; font-size: 0.76rem; }}
.fan-home-major-group{ margin-top: 28px; }
.fan-home-major-heading{ display: flex; align-items: baseline; gap: 12px; margin-bottom: 10px; }
.fan-home-major-heading h3{ margin: 0px; color: var(--aubergine); font-size: 1.25rem; }
.fan-home-major-group .products{ margin-bottom: 12px; }
@media (max-width: 620px){.fan-home-major-heading{ gap: 8px; }}
@media (max-width: 620px){.fan-home-major-heading h3{ font-size: 1.02rem; }}
.fan-home-major-heading h3{ font-size: clamp(1.25rem, 2.4vw, 1.75rem); line-height: 1.25; }
.fan-home-major-heading{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; padding: 0px 0px 12px 16px; border-bottom: 1px solid var(--stone); border-left: 4px solid var(--champagne); margin-bottom: 14px; }
.fan-home-major-heading h3{ grid-area: 1 / 1; }
.fan-home-major-heading p{ grid-area: 2 / 1; margin: 6px 0px 0px; color: rgb(111, 93, 78); font-size: 0.95rem; line-height: 1.55; }
.fan-home-major-heading .slider-controls{ grid-area: 1 / 2 / span 2; margin-left: 18px; display: flex; gap: 9px; }
.fan-home-major-heading .slider-controls button{ width: 42px; height: 42px; }
@media (max-width: 620px){.fan-home-major-heading{ padding-left: 11px; }}
@media (max-width: 620px){.fan-home-major-heading p{ font-size: 0.82rem; }}
@media (max-width: 620px){.fan-home-major-heading .slider-controls{ gap: 5px; margin-left: 8px; }}
@media (max-width: 620px){.fan-home-major-heading .slider-controls button{ width: 36px; height: 36px; }}
.fan-home-major-heading{ border-bottom: 0px; }
.product-card .product-meta:has(+ .fan-size-price-table){ border-bottom: 0px; }
.site-footer{ background: linear-gradient(145deg, rgb(43, 28, 21) 0%, rgb(74, 47, 35) 58%, rgb(47, 33, 25) 100%); padding: 34px 0px 0px; color: rgb(248, 238, 228); }
.footer-intro-band{ display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-bottom: 38px; padding: 24px 28px; border: 1px solid rgba(215, 181, 123, 0.32); border-radius: 20px; background: rgba(255, 248, 235, 0.07); }
.footer-intro-band > div{ min-width: 0px; }
.footer-intro-band span{ color: rgb(217, 184, 125); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; }
.footer-intro-band h2{ margin: 5px 0px 3px; color: rgb(255, 255, 255); font-size: clamp(1.25rem, 2.5vw, 1.8rem); line-height: 1.3; }
.footer-intro-band p{ margin: 0px; color: rgb(217, 201, 185); font-size: 0.78rem; }
.footer-intro-band .button{ flex: 0 0 auto; background: rgb(217, 184, 125); color: rgb(51, 33, 22); border: 0px; box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 18px; }
.footer-intro-band .button:hover{ background: rgb(240, 215, 167); }
.site-footer .footer-grid{ grid-template-columns: 1.45fr 0.78fr 0.92fr 1fr; gap: 32px; padding-bottom: 28px; }
.site-footer .footer-logo img{ width: 180px; height: auto; filter: brightness(0) invert(1); opacity: 0.96; }
.site-footer .footer-brand p{ max-width: 410px; margin: 12px 0px 0px; color: rgb(217, 201, 185); line-height: 1.75; }
.site-footer h3{ color: rgb(242, 211, 157); font-size: 0.9rem; margin: 6px 0px 14px; }
.site-footer li{ margin-bottom: 8px; }
.site-footer a{ color: rgb(248, 238, 228); }
.site-footer a:hover{ color: rgb(242, 211, 157); text-decoration: none; }
.site-footer .footer-contact-item{ background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 10px 12px; }
.site-footer .footer-contact-item:hover{ background: rgba(255, 255, 255, 0.11); }
.site-footer .footer-trust{ padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, 0.12); }
.site-footer .footer-trust-logos{ max-width: 160px; }
.site-footer .footer-bottom{ margin-top: 0px; border-top: 1px solid rgba(255, 255, 255, 0.14); color: rgb(205, 188, 174); }
@media (max-width: 900px){.footer-intro-band{ align-items: flex-start; flex-direction: column; }}
@media (max-width: 900px){.site-footer .footer-grid{ grid-template-columns: 1.2fr 1fr 1fr; }}
@media (max-width: 900px){.site-footer .footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 900px){.site-footer .footer-trust{ padding-left: 0px; border-left: 0px; }}
@media (max-width: 620px){.site-footer{ padding-top: 24px; }}
@media (max-width: 620px){.footer-intro-band{ margin-bottom: 28px; padding: 20px; }}
@media (max-width: 620px){.footer-intro-band .button{ width: 100%; }}
@media (max-width: 620px){.site-footer .footer-grid{ grid-template-columns: 1fr 1fr; gap: 24px 18px; }}
@media (max-width: 620px){.site-footer .footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-contact{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-trust{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-logo img{ width: 160px; }}
@media (max-width: 390px){.site-footer .footer-grid{ grid-template-columns: 1fr; }}
.site-footer .footer-contact-item.is-line-pending{ grid-template-columns: 38px minmax(0px, 1fr); align-items: start; }
.site-footer .footer-contact-item.is-line-pending strong{ font-size: 0.78rem; line-height: 1.5; word-break: normal; overflow-wrap: normal; }
.site-footer .footer-contact-item.is-line-pending .footer-contact-icon{ margin-top: 1px; }
.preview-product-page{ overflow-x: hidden; background: rgb(255, 253, 249); }
#product-modal .modal-service-list .modal-camera-icon svg,#product-modal .modal-service-list .modal-doc-icon svg,#product-modal .modal-service-list .modal-delivery-icon svg{ width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.preview-detail-faq{ padding: clamp(42px, 6vw, 76px) 0px; }
.preview-related-card:hover{ transform: translateY(-3px); box-shadow: rgba(70, 45, 30, 0.09) 0px 15px 30px; }
.preview-related-card:focus-visible,.preview-detail-faq summary:focus-visible{ outline: rgba(169, 136, 86, 0.4) solid 3px; outline-offset: 3px; }
.preview-detail-faq-list{ display: grid; gap: 10px; max-width: 880px; }
.preview-detail-faq-list details{ overflow: hidden; border: 1px solid rgb(227, 210, 185); border-radius: 15px; background: rgb(255, 253, 250); }
.preview-detail-faq-list summary{ display: grid; grid-template-columns: 36px minmax(0px, 1fr) 20px; gap: 12px; align-items: center; min-height: 60px; padding: 12px 16px; cursor: pointer; list-style: none; color: rgb(52, 37, 30); }
.preview-detail-faq-list summary::-webkit-details-marker{ display: none; }
.preview-detail-faq-list summary span{ display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(240, 223, 193); color: rgb(124, 94, 54); font-size: 0.72rem; font-weight: 800; }
.preview-detail-faq-list summary i{ position: relative; width: 18px; height: 18px; }
.preview-detail-faq-list summary i::before,.preview-detail-faq-list summary i::after{ content: ""; position: absolute; inset: 8px 2px auto; background: rgb(169, 136, 86); height: 2px; }
.preview-detail-faq-list summary i::after{ transform: rotate(90deg); transition: transform 0.18s; }
.preview-detail-faq-list details[open] summary i::after{ transform: rotate(0deg); }
.preview-detail-faq-list details > div{ padding: 0px 20px 18px 64px; color: rgb(113, 93, 80); line-height: 1.75; }
.preview-detail-faq-list details > div p{ margin: 0px; }
@media (max-width: 600px){.preview-detail-faq{ padding: 38px 0px; }}
@media (max-width: 600px){.preview-detail-faq-list summary{ grid-template-columns: 32px minmax(0px, 1fr) 18px; gap: 9px; padding: 11px 12px; }}
@media (max-width: 600px){.preview-detail-faq-list details > div{ padding: 0px 14px 16px 53px; font-size: 0.9rem; }}
body.footer-in-view .floating-contact.is-visible,body.footer-in-view .floating-back-to-top.is-visible{ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); }
.site-footer .footer-bottom > a{ width: 44px; height: 44px; }
.product-section-contact{ display: grid; justify-items: center; gap: 12px; width: min(920px, 100%); margin: 26px auto 0px; text-align: center; }
.product-section-contact .button{ min-width: min(360px, 100%); background: rgb(6, 199, 85); border-color: rgb(6, 199, 85); color: rgb(255, 255, 255); box-shadow: rgba(6, 199, 85, 0.24) 0px 10px 24px; }
.product-section-actions{ display: grid; width: min(360px, 100%); gap: 10px; }
.product-section-contact .category-page-button{ background: rgb(255, 255, 255); border-color: rgb(84, 68, 49); color: rgb(84, 68, 49); box-shadow: none; }
.trust-link:hover{ text-decoration: underline; }
.trust-link:hover b{ transform: translateX(3px); background: rgb(243, 239, 234); }
.section-anchor{ display: block; position: relative; top: -92px; visibility: hidden; }
.wreath-choice-links a:hover img{ transform: translateY(-3px) scale(1.04); }
.category-switcher{ display: grid; grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: 18px; margin: 24px auto 0px; padding: 12px 14px; border: 1px solid rgb(231, 226, 221); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(48, 37, 25, 0.06) 0px 8px 26px; }
.category-switcher > span{ padding-inline: 6px; color: rgb(114, 98, 80); font-size: 0.84rem; font-weight: 700; white-space: nowrap; }
.category-switcher > div{ display: flex; flex-wrap: wrap; gap: 8px; min-width: 0px; }
.category-switcher a{ display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 14px; border: 1px solid rgb(223, 216, 207); border-radius: 999px; color: var(--aubergine); text-decoration: none; font-size: 0.86rem; font-weight: 700; transition: 0.18s; }
.category-switcher a:hover{ border-color: var(--mulberry); background: rgb(248, 244, 240); }
.category-switcher a[aria-current="page"]{ border-color: var(--aubergine); background: var(--aubergine); color: rgb(255, 255, 255); box-shadow: rgba(44, 33, 21, 0.16) 0px 6px 14px; }
.category-discovery{ padding: 34px 0px 54px; background: rgb(255, 255, 255); }
.category-discovery-heading{ max-width: 720px; margin: 0px 0px 18px; }
.category-discovery-heading .eyebrow{ display: block; margin-bottom: 6px; }
.category-discovery-heading h2{ margin: 0px 0px 6px; color: var(--aubergine); font-size: clamp(1.35rem, 2.2vw, 1.8rem); line-height: 1.25; }
.category-discovery-heading p{ margin: 0px; color: rgb(123, 106, 86); }
.category-discovery .category-switcher{ margin: 0px; }
.province-name-static{ display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 42px; padding: 8px 10px; border: 1px solid rgb(238, 231, 228); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(122, 104, 84); font-size: 0.83rem; }
.province-name-static b{ font-weight: 500; }
.province-name-static small{ flex: 0 0 auto; color: rgb(168, 150, 130); font-size: 0.64rem; }
.category-shortcuts .shortcut-grid a:hover,.category-shortcuts .shortcut-grid a:focus-visible{ border-color: rgb(185, 169, 150); background: linear-gradient(135deg, rgb(255, 255, 255) 5%, rgb(245, 239, 233) 100%); color: var(--aubergine); box-shadow: rgba(55, 43, 30, 0.11) 0px 12px 28px; transform: translateY(-3px); }
.category-shortcuts .shortcut-grid a:hover span,.category-shortcuts .shortcut-grid a:focus-visible span{ transform: scale(1.06) rotate(-3deg); }
.category-shortcuts .shortcut-grid a:hover::after,.category-shortcuts .shortcut-grid a:focus-visible::after{ transform: translateX(3px); background: var(--mulberry); color: rgb(255, 255, 255); }
.category-shortcuts .shortcut-grid a:hover .shortcut-image,.category-shortcuts .shortcut-grid a:focus-visible .shortcut-image,.category-shortcuts .shortcut-grid a:hover .shortcut-copy,.category-shortcuts .shortcut-grid a:focus-visible .shortcut-copy{ transform: none; }
.category-shortcuts .shortcut-grid a:hover .shortcut-image img,.category-shortcuts .shortcut-grid a:focus-visible .shortcut-image img{ transform: translateY(-3px) scale(1.035); }
.category-shortcuts .shortcut-grid a:hover,.category-shortcuts .shortcut-grid a:focus-visible{ border-color: rgb(205, 195, 184); background: rgb(255, 255, 255); box-shadow: rgba(55, 43, 30, 0.13) 0px 16px 38px; transform: translateY(-4px); }
.category-shortcuts .shortcut-grid a:hover::after,.category-shortcuts .shortcut-grid a:focus-visible::after{ background: var(--mulberry); }
.category-shortcuts .shortcut-grid a:hover,.category-shortcuts .shortcut-grid a:focus-visible{ border-color: rgba(91, 73, 53, 0.28); background: linear-gradient(rgb(255, 250, 245) 0%, rgb(227, 198, 170) 100%); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(58, 49, 39, 0.15) 0px 12px 22px; transform: translateY(-3px); }
.category-shortcuts .shortcut-grid a:nth-child(2):hover,.category-shortcuts .shortcut-grid a:nth-child(2):focus-visible{ background: linear-gradient(rgb(254, 253, 251) 0%, rgb(220, 208, 194) 100%); }
.category-shortcuts .shortcut-grid a:nth-child(3):hover,.category-shortcuts .shortcut-grid a:nth-child(3):focus-visible{ background: linear-gradient(rgb(255, 250, 250) 0%, rgb(226, 214, 201) 100%); }
.category-breadcrumb-bar{ padding: 14px 0px; border-bottom: 1px solid rgb(238, 234, 229); background: rgb(255, 255, 255); }
.category-breadcrumb-bar .breadcrumbs{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0px; color: rgb(133, 114, 93); font-size: 0.82rem; }
.category-breadcrumb-bar .breadcrumbs a{ color: var(--aubergine); text-decoration: none; }
.nav-dropdown.is-current > .nav-dropdown-toggle{ color: var(--mulberry); }
.nav-dropdown-list .nav-dropdown-label{ display: block; padding: 6px 10px 4px; color: rgb(155, 135, 112); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; }
.nav-dropdown-list a{ flex-wrap: wrap; }
.nav-dropdown-list a small{ flex-basis: 100%; margin-top: 1px; color: rgb(155, 135, 112); font-size: 0.68rem; font-weight: 500; }
.nav-dropdown-list a[aria-current="page"]{ background: rgb(243, 239, 234); color: var(--mulberry); }
.site-footer{ padding-top: 42px; }
.site-footer .footer-grid{ grid-template-columns: 1.25fr 0.7fr 0.78fr 0.82fr 1fr; align-items: start; gap: 28px; }
.site-footer .footer-grid h3{ margin-bottom: 13px; font-size: 0.9rem; }
.site-footer .footer-grid li{ margin-bottom: 7px; font-size: 0.82rem; line-height: 1.55; }
.site-footer .footer-grid p,.site-footer .footer-grid small{ font-size: 0.78rem; line-height: 1.65; }
.site-footer .footer-logo{ margin-bottom: 8px; font-size: 1.35rem; }
.site-footer .footer-brand p{ max-width: 430px; margin: 0px 0px 12px; font-size: 0.76rem; line-height: 1.75; }
.footer-trust-logos{ display: grid; grid-template-columns: 1fr; gap: 8px; max-width: 130px; }
.footer-trust-logos img,.footer-trust-logos .footer-dbd-logo{ display: block; width: 100%; height: 62px; object-fit: contain; }
.site-footer .footer-bottom{ margin-top: 24px; padding-block: 14px; }
@media (max-width: 1100px){.site-footer .footer-grid{ grid-template-columns: repeat(4, minmax(0px, 1fr)); }}
@media (max-width: 1100px){.site-footer .footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 1100px){.footer-trust-logos{ max-width: 220px; }}
.product-note-disclosure[open] summary::after{ content: "−"; }
.modal-line-qr{ display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 12px; border: 1px solid rgb(230, 225, 220); border-radius: 12px; background: rgb(251, 249, 247); }
.modal-line-qr img{ flex: 0 0 auto; width: 82px; height: 82px; padding: 4px; border-radius: 8px; background: rgb(255, 255, 255); object-fit: contain; }
.modal-line-qr strong,.modal-line-qr span{ display: block; }
.modal-line-qr span{ color: rgb(127, 109, 88); font-size: 0.76rem; line-height: 1.55; }
.product-bottom-cta .psw-track-line:hover{ transform: translateY(-2px); background: rgb(5, 169, 72) !important; border-color: rgb(5, 169, 72) !important; }
.province-guide-card-top{ display: flex; align-items: flex-start; justify-content: space-between; min-height: 76px; }
.province-guide-card-top > span{ display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: var(--plum); color: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 700; }
.province-guide-card-top img{ width: 76px; height: 76px; object-fit: contain; filter: drop-shadow(rgba(73, 55, 34, 0.12) 0px 7px 9px); }
.province-guide-grid .province-guide-card-top + h3{ margin-top: 10px !important; }
.product-section-contact .category-page-button:hover{ background: rgb(84, 68, 49); border-color: rgb(84, 68, 49); color: rgb(255, 255, 255); }
.product-section-contact .button:hover{ background: rgb(5, 169, 72); border-color: rgb(5, 169, 72); color: rgb(255, 255, 255); transform: translateY(-2px); }
.product-section{ padding-bottom: clamp(30px, 4vw, 48px); }
@media (max-width: 620px){.product-section-contact{ margin-top: 22px; }}
@media (max-width: 620px){.product-section-contact .button{ width: 100%; min-width: 0px; }}
@media (max-width: 620px){.product-section-actions{ display: grid; width: 100%; }}
.product-image img{ object-fit: contain; }
.modal-image img{ object-fit: contain; }
.modal-product-panel h2{ text-wrap: balance; overflow-wrap: normal; word-break: normal; }
@media (max-width: 390px){.site-footer .footer-grid{ grid-template-columns: 1fr; }}
@media (max-width: 390px){.footer-trust-logos{ max-width: 210px; }}
.category-landing-hero{ padding: clamp(56px, 8vw, 104px) 0px; background: linear-gradient(135deg, rgb(255, 250, 247), rgb(245, 241, 237)); }
.fresh-catalog-layout{ display: grid; grid-template-columns: 230px minmax(0px, 1fr); gap: 34px; align-items: start; margin-top: 26px; }
.fresh-catalog-sidebar{ position: sticky; top: 118px; min-width: 0px; }
.fresh-catalog-sidebar .catalog-group-nav{ margin: 0px; padding: 18px; border-radius: 16px; }
.fresh-catalog-sidebar .catalog-group-nav > strong{ display: block; margin-bottom: 12px; color: var(--aubergine); font-size: 0.92rem; }
.fresh-catalog-sidebar .catalog-group-nav > div{ display: grid; grid-template-columns: 1fr; gap: 7px; }
.fresh-catalog-sidebar .catalog-group-nav a{ display: flex; align-items: center; justify-content: space-between; min-height: 43px; padding: 9px 11px; border: 1px solid rgb(227, 221, 214); border-radius: 10px; background: rgb(255, 255, 255); color: var(--aubergine); font-size: 0.82rem; line-height: 1.25; text-decoration: none; }
.fresh-catalog-sidebar .catalog-group-nav a:hover{ border-color: var(--mulberry); background: rgb(247, 243, 239); }
.fresh-catalog-sidebar .catalog-group-nav a[aria-current="true"]{ background: var(--plum); color: rgb(255, 255, 255); }
.fresh-catalog-sidebar .catalog-result-status{ margin: 14px 4px 10px; }
.fresh-catalog-sidebar .catalog-preview-notice{ margin: 0px; padding: 13px 14px; border-left: 3px solid var(--champagne); background: rgb(250, 247, 244); color: rgb(132, 113, 91); font-size: 0.74rem; line-height: 1.55; }
.fresh-catalog-results{ min-width: 0px; }
.fresh-catalog-results > .catalog-price-group:first-child{ padding-top: 0px; }
@media (max-width: 980px){.fresh-catalog-layout{ grid-template-columns: 200px minmax(0px, 1fr); gap: 22px; }}
@media (max-width: 980px){.fresh-catalog-sidebar{ top: 96px; }}
@media (max-width: 760px){.fresh-catalog-layout{ display: block; margin-top: 20px; }}
@media (max-width: 760px){.fresh-catalog-sidebar{ position: static; }}
@media (max-width: 760px){.fresh-catalog-sidebar .catalog-group-nav{ padding: 15px; }}
@media (max-width: 760px){.fresh-catalog-sidebar .catalog-group-nav > div{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){.fresh-catalog-sidebar .catalog-group-nav a{ justify-content: center; text-align: center; }}
@media (max-width: 760px){.fresh-catalog-sidebar .catalog-preview-notice{ margin-bottom: 24px; }}
@media (max-width: 760px){.fresh-catalog-results > .catalog-price-group:first-child{ padding-top: 10px; }}
@media (max-width: 360px){.fresh-catalog-sidebar .catalog-group-nav > div{ grid-template-columns: 1fr; }}
.fan-page-layout{ display: grid; grid-template-columns: 250px minmax(0px, 1fr); gap: 34px; align-items: start; margin-top: 16px; }
.fan-page-sidebar{ position: sticky; top: 118px; min-width: 0px; }
.fan-page-sidebar .catalog-group-nav > div{ display: grid; grid-template-columns: 1fr; gap: 7px; }
.fan-page-sidebar .catalog-group-nav a{ justify-content: flex-start; width: 100%; min-height: 42px; padding: 9px 11px; border-radius: 10px; text-align: left; }
.fan-page-sidebar .catalog-group-nav{ margin: 0px; padding: 16px; border-radius: 16px; }
.fan-page-sidebar .catalog-group-nav > strong{ margin-bottom: 10px; font-size: 0.86rem; }
.fan-page-sidebar .catalog-result-status{ margin: 13px 3px 9px; }
.fan-page-sidebar .catalog-preview-notice{ margin: 0px; padding: 13px 14px; border-radius: 11px; font-size: 0.74rem; line-height: 1.55; }
.fan-page-results{ min-width: 0px; }
.catalog-fan-page{ padding-top: clamp(30px, 4vw, 48px); }
.fan-catalog-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; align-items: start; }
.catalog-fan-page .catalog-price-group{ display: flex; flex-direction: column; min-width: 0px; height: 100%; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
.catalog-fan-page .catalog-group-heading{ display: flex; align-items: center; min-height: 54px; margin: 0px 0px 10px; padding: 10px 13px; border: 1px solid rgb(230, 224, 218); border-radius: 12px; background: rgb(250, 249, 247); }
.catalog-fan-page .catalog-group-heading h3{ margin: 0px; color: var(--aubergine); font-size: 0.94rem; line-height: 1.4; }
.catalog-fan-page .catalog-group-grid{ display: block; }
.catalog-fan-page .product-card{ width: 100%; height: auto; border-color: rgb(227, 221, 214); box-shadow: rgba(63, 49, 32, 0.08) 0px 10px 28px; }
.fan-catalog-contact{ display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 26px; padding: 22px 24px; border-radius: 17px; background: linear-gradient(135deg,var(--aubergine),#5f4b34); color: rgb(255, 255, 255); }
.fan-catalog-contact > div{ display: grid; gap: 4px; }
.fan-catalog-contact strong{ font-size: 1.08rem; }
.fan-catalog-contact span{ color: rgb(234, 229, 223); font-size: 0.86rem; }
.fan-catalog-contact .button{ flex: 0 0 auto; min-width: 250px; border-color: rgb(6, 184, 79); background: rgb(6, 199, 85); color: rgb(255, 255, 255); box-shadow: rgba(6, 199, 85, 0.24) 0px 8px 20px; }
.fan-catalog-contact .button:hover,.fan-catalog-contact .button:focus-visible{ border-color: rgb(5, 169, 72) !important; background: rgb(5, 169, 72) !important; color: rgb(255, 255, 255) !important; }
.fan-catalog-contact .button .line-icon{ filter: brightness(0) invert(1) !important; opacity: 1; }
@media (max-width: 980px){.fan-page-layout{ grid-template-columns: 210px minmax(0px, 1fr); gap: 22px; }}
@media (max-width: 980px){.fan-page-sidebar{ top: 96px; }}
@media (max-width: 980px){.fan-catalog-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){.fan-page-layout{ display: block; margin-top: 14px; }}
@media (max-width: 760px){.fan-page-sidebar{ position: static; display: grid; grid-template-columns: 1fr; gap: 12px; }}
@media (max-width: 760px){.fan-page-sidebar .catalog-group-nav > div{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){.fan-page-sidebar .catalog-group-nav a{ justify-content: center; text-align: center; }}
@media (max-width: 760px){.fan-page-sidebar .catalog-preview-notice{ margin-bottom: 18px; }}
@media (max-width: 760px){.category-discovery{ padding: 28px 0px 40px; }}
@media (max-width: 760px){.category-discovery-heading{ margin-bottom: 14px; }}
@media (max-width: 760px){.category-discovery .category-switcher{ padding: 12px; }}
@media (max-width: 760px){.category-discovery .category-switcher > div{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){.category-discovery .category-switcher a{ min-width: 0px; padding: 8px 9px; text-align: center; }}
@media (max-width: 760px){.category-discovery .category-switcher a:first-child{ grid-column: 1 / -1; }}
@media (max-width: 620px){.catalog-fan-page{ padding-top: 26px; }}
@media (max-width: 620px){.fan-catalog-grid{ grid-template-columns: 1fr 1fr; gap: 12px 10px; }}
@media (max-width: 620px){.catalog-fan-page .catalog-price-group{ padding: 0px; }}
@media (max-width: 620px){.catalog-fan-page .catalog-group-heading{ align-items: flex-start; min-height: 62px; margin-bottom: 8px; padding: 9px 10px; }}
@media (max-width: 620px){.catalog-fan-page .catalog-group-heading h3{ font-size: 0.78rem; }}
@media (max-width: 620px){.fan-catalog-contact{ align-items: stretch; flex-direction: column; padding: 20px; }}
@media (max-width: 620px){.fan-catalog-contact .button{ width: 100%; min-width: 0px; }}
@media (max-width: 360px){.fan-catalog-grid{ grid-template-columns: 1fr; }}
.category-landing-hero .eyebrow{ color: rgb(123, 50, 67); }
.category-landing-hero h1{ margin: 0.15em 0px; color: rgb(44, 33, 21); font-size: clamp(2.4rem, 6vw, 4.8rem); line-height: 1.08; }
.category-landing-hero p{ max-width: 720px; color: rgb(117, 101, 82); font-size: clamp(1rem, 2vw, 1.18rem); }
@media (max-width: 620px){.category-landing-hero{ padding: 44px 0px; }}
@media (max-width: 620px){.category-switcher{ grid-template-columns: 1fr; gap: 10px; padding: 12px; }}
@media (max-width: 620px){.category-switcher > span{ padding-inline: 2px; }}
@media (max-width: 620px){.category-switcher > div{ display: grid; grid-template-columns: 1fr 1fr; }}
@media (max-width: 620px){.category-switcher a:first-child{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-grid{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 620px){.footer-trust-logos{ max-width: 130px; }}
@media (max-width: 620px){.footer-trust-logos img,.footer-trust-logos .footer-dbd-logo{ height: 62px; }}
@media (max-width: 620px){.province-guide-card-top img{ width: 68px; height: 68px; }}
.button:hover,.button-secondary:hover,.hero-secondary:hover,.category-page-button:hover,.related-view-all:hover{ background: var(--mulberry) !important; border-color: var(--mulberry) !important; color: rgb(255, 255, 255) !important; }
.button svg,.floating-contact-button svg,.floating-contact-toggle svg,.footer-contact-item svg{ color: inherit; transition: color 0.18s, stroke 0.18s, fill 0.18s; }
.line-icon{ transition: filter 0.18s, opacity 0.18s; }
.button:hover .line-icon,.button:focus-visible .line-icon,.header-actions .button:hover .line-icon,.header-actions .button:focus-visible .line-icon,.floating-contact-button:hover .line-icon,.floating-contact-button:focus-visible .line-icon,.about-brand-contacts a:hover .line-icon,.about-brand-contacts a:focus-visible .line-icon{ filter: brightness(0) invert(1) !important; opacity: 1; }
.about-brand-contacts a:not(:hover):not(:focus-visible) .line-icon,.floating-contact-button:not(:hover):not(:focus-visible) .line-icon{ filter: none !important; }
.footer-line-icon .line-icon{ filter: brightness(0) invert(1) !important; }
.site-footer .footer-contact-item:hover .footer-contact-icon,.site-footer .footer-contact-item:focus-visible .footer-contact-icon,.site-footer .footer-contact-item:hover .footer-contact-arrow,.site-footer .footer-contact-item:focus-visible .footer-contact-arrow,.site-footer .footer-contact-item:hover small,.site-footer .footer-contact-item:focus-visible small{ color: rgb(255, 255, 255) !important; }
.button:hover svg,.button:focus-visible svg,.related-view-all:hover svg,.related-view-all:focus-visible svg,.floating-contact-button:hover svg,.floating-contact-button:focus-visible svg,.floating-contact-toggle:hover svg,.floating-contact-toggle:focus-visible svg{ color: currentcolor; stroke: currentcolor; }
.contact-channel:hover .contact-channel-icon,.contact-channel:focus-visible .contact-channel-icon{ background: rgba(255, 255, 255, 0.16) !important; color: rgb(255, 255, 255) !important; }
.contact-channel:hover .contact-channel-icon svg,.contact-channel:focus-visible .contact-channel-icon svg{ stroke: currentcolor; fill: currentcolor; color: rgb(255, 255, 255) !important; }
.contact-channel:hover .contact-channel-icon .line-icon,.contact-channel:focus-visible .contact-channel-icon .line-icon{ filter: brightness(0) invert(1) !important; }
.contact-channel:hover > b,.contact-channel:focus-visible > b{ color: rgb(255, 255, 255) !important; }
.care-section .section-heading.centered-heading{ width: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; display: flex !important; }
.care-section .section-heading.centered-heading > span,.care-section .section-heading.centered-heading > h2{ width: 100%; margin: 0px; text-align: center; }
.site-footer .footer-grid{ display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 30px 24px; }
.site-footer .footer-brand{ grid-column: span 4; order: 1; }
.site-footer .footer-contact{ grid-column: span 4; order: 2; }
.site-footer .footer-trust{ grid-column: span 2; order: 4; }
.site-footer .footer-service{ grid-column: 1 / -1; order: 5; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.site-footer .footer-service h3{ margin: 0px 0px 8px; color: rgb(220, 212, 203); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; }
.site-footer .footer-service ul{ display: flex; flex-wrap: wrap; gap: 5px 0px; }
.site-footer .footer-service li{ display: inline-flex; align-items: center; margin: 0px; font-size: 0.75rem; line-height: 1.45; }
.site-footer .footer-service li:not(:last-child)::after{ content: "·"; margin-inline: 9px; color: rgb(161, 141, 119); }
.site-footer .footer-service a{ color: rgb(208, 198, 187); }
.site-footer .footer-service a:hover,.site-footer .footer-service a:focus-visible{ color: rgb(255, 255, 255); }
.site-footer .footer-bottom small{ font-size: 0.72rem; line-height: 1.5; color: rgb(209, 199, 188); }
@media (max-width: 1000px){.site-footer .footer-brand,.site-footer .footer-contact{ grid-column: span 6; }}
@media (max-width: 1000px){.site-footer .footer-trust{ grid-column: span 8; }}
@media (max-width: 1000px){.site-footer .footer-service{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-grid{ grid-template-columns: 1fr 1fr; gap: 28px 18px; }}
@media (max-width: 620px){.site-footer .footer-brand,.site-footer .footer-contact,.site-footer .footer-service{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-trust{ grid-column: span 1; }}
@media (max-width: 620px){.site-footer .footer-service ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 7px 14px; }}
@media (max-width: 620px){.site-footer .footer-service li{ display: block; font-size: 0.72rem; }}
@media (max-width: 620px){.site-footer .footer-service li::after{ display: none; }}
@media (max-width: 390px){.site-footer .footer-grid{ grid-template-columns: 1fr; }}
@media (max-width: 390px){.site-footer .footer-trust{ grid-column: 1; }}
.province-editorial{ margin-top: 30px; padding: clamp(24px, 4vw, 42px); }
.province-editorial-heading{ max-width: 820px; }
.province-editorial-heading h2{ max-width: 25ch; margin: 0.2em 0px 0.35em; color: var(--aubergine); font-size: clamp(1.65rem, 3.2vw, 2.55rem); line-height: 1.25; text-wrap: balance; }
.province-title-line,.province-guide-title-line{ display: block; text-wrap: balance; }
.province-guide-title-line + .province-guide-title-line{ margin-top: 0.06em; }
.province-editorial-heading p{ color: rgb(125, 107, 87); }
.province-editorial-grid{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px 32px; margin-top: 20px; }
.province-editorial-grid section{ min-width: 0px; }
.province-order-callout{ display: grid; grid-template-columns: minmax(170px, 0.36fr) minmax(0px, 1fr); gap: 18px; align-items: start; margin-top: 24px; padding: 18px 20px; border-left: 4px solid var(--gold); border-radius: 0px 12px 12px 0px; background: rgb(248, 243, 237); }
.province-order-callout strong{ color: var(--aubergine); font-size: 0.94rem; }
.province-order-callout p{ margin: 0px; color: rgb(113, 97, 78); font-size: 0.88rem; line-height: 1.75; }
.province-order-callout p + p{ margin-top: 9px; }
.province-editorial-card{ padding: 20px; border: 1px solid rgb(230, 225, 220); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(55, 43, 30, 0.043) 0px 7px 20px; }
.province-editorial-card-area{ grid-column: 1 / -1; }
.province-dynamic-facts{ padding: 10px 12px; border-radius: 9px; background: rgb(247, 244, 241); font-weight: 600; margin-bottom: 8px !important; color: var(--aubergine) !important; }
.province-editorial-grid h3{ margin: 18px 0px 6px; font-size: 1.08rem; }
.province-editorial-grid p{ margin: 0px; color: rgb(113, 97, 78); font-size: 0.9rem; line-height: 1.8; }
.province-editorial-grid p + p{ margin-top: 10px; }
.province-editorial-grid a,.province-source-note a{ color: var(--mulberry); font-weight: 700; }
.province-source-note{ display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 10px 18px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--stone); color: rgb(129, 110, 89); font-size: 0.76rem; line-height: 1.55; }
.province-source-note strong{ color: var(--aubergine); }
.province-custom-content{ max-width: 78ch; margin: 24px auto 0px; color: rgb(113, 97, 78); line-height: 1.8; }
.province-article-cta{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 22px; align-items: center; margin-top: 24px; padding: 22px; border-radius: 14px; background: linear-gradient(115deg,var(--aubergine),var(--plum)); color: rgb(255, 255, 255); }
.province-article-cta strong{ display: block; font-size: 1.05rem; }
.province-article-cta p{ margin: 5px 0px 0px; color: rgb(239, 235, 230); font-size: 0.84rem; line-height: 1.65; }
.province-article-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.province-article-actions .button{ min-height: 44px; white-space: nowrap; }
.province-article-actions .psw-track-line{ border-color: rgb(6, 199, 85); background: rgb(6, 199, 85); color: rgb(255, 255, 255); }
.province-article-actions .button-secondary{ border-color: rgb(255, 255, 255); background: rgb(255, 255, 255); color: var(--aubergine); }
.province-data-reviewed{ max-width: 920px; margin: 16px auto 0px; color: rgb(134, 115, 93); font-size: 0.75rem; line-height: 1.65; text-align: center; }
.product-image{ position: relative; }
.temple-wreath-figure{ margin: 16px 0px 24px; padding: clamp(12px, 2vw, 22px); border-radius: 14px; background: linear-gradient(145deg,var(--porcelain),#fff); text-align: center; }
.temple-detail-section .temple-wreath-figure img,.temple-detail-section .temple-wreath-figure .wp-post-image{ display: block; width: 100%; max-height: 560px; object-fit: contain !important; }
.temple-wreath-figure figcaption{ padding: 10px 3px 0px; color: rgb(134, 115, 93); font-size: 0.76rem; }
.temple-map-section{ margin-top: 28px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--stone); border-radius: 16px; background: var(--porcelain); }
.temple-map-heading{ display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.temple-map-heading h2{ margin: 3px 0px 5px; }
.temple-map-heading p{ margin: 0px; color: rgb(134, 115, 93); }
.temple-map-frame{ aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: rgb(236, 230, 224); }
.temple-map-frame iframe{ display: block; width: 100%; height: 100%; border: 0px; }
@media (max-width: 680px){.temple-map-heading{ display: grid; align-items: start; }}
@media (max-width: 680px){.temple-map-heading .button{ width: 100%; }}
@media (max-width: 680px){.temple-map-frame{ aspect-ratio: 4 / 5; }}
[data-inline-catalog] .catalog-home-heading h2{ margin: 0px 0px 8px; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.35; }
[data-inline-catalog] .catalog-home-heading p{ margin: 0px; color: rgb(113, 97, 78); }
[data-inline-catalog].catalog-grouped .catalog-group-nav{ padding: 0px; border: 0px; background: none; border-radius: 0px; margin: 20px 0px 24px; }
[data-inline-catalog] .catalog-group-nav > strong,[data-inline-catalog] .catalog-group-heading{ position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0px; }
[data-inline-catalog] .catalog-price-group{ margin: 0px; padding: 0px; border: 0px; }
.catalog-inline-all .catalog-home-heading{ margin-bottom: 30px; }
.catalog-inline-all .catalog-price-group{ padding: 30px 0px; border-top: 1px solid var(--stone); }
.catalog-inline-all .catalog-home-heading + .catalog-price-group{ padding-top: 0px; border-top: 0px; }
.catalog-inline-all .catalog-group-heading{ position: static; width: auto; height: auto; padding: 0px; margin: 0px 0px 16px; overflow: visible; clip-path: none; white-space: normal; border: 0px; }
.catalog-inline-all .catalog-group-heading > span{ display: none; }
.catalog-fresh-contact{ margin-top: 18px; }
.catalog-home-fan .product-body h3{ white-space: pre-line; }
.fan-home-contact{ margin-top: 26px; }
#wreath > .section{ padding-top: clamp(46px, 6vw, 76px); padding-bottom: clamp(46px, 6vw, 76px); }
#wreath > .section + .section{ border-top: 1px solid rgb(238, 231, 226); }
@media (max-width: 620px){#wreath > .section{ padding-top: 40px; padding-bottom: 40px; }}
@media (max-width: 620px){.catalog-inline-all .catalog-price-group{ padding: 25px 0px; }}
.catalog-grouped .catalog-group-nav{ padding: 20px; background: var(--porcelain); border: 1px solid var(--stone); border-radius: 18px; }
.catalog-group-nav a[aria-current="true"]{ background: var(--plum); color: rgb(255, 255, 255); border-color: var(--plum); box-shadow: rgba(46, 35, 22, 0.125) 0px 3px 10px; }
.catalog-result-status{ color: rgb(114, 98, 80); font-size: 0.85rem; min-height: 1.65em; }
.catalog-group-heading{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px; }
.catalog-group-heading h3{ font-size: clamp(1.2rem, 2.5vw, 1.75rem); margin: 0px; }
.catalog-group-heading > span{ color: rgb(129, 110, 89); font-size: 0.8rem; }
.catalog-inline-all .catalog-price-group{ position: relative; }
.catalog-inline-all .catalog-group-heading{ min-height: 48px; padding-right: 118px; margin-bottom: 18px; align-items: center; }
@media (max-width: 620px){.catalog-inline-all .catalog-group-heading{ min-height: 42px; padding-right: 96px; }}
.catalog-inline-all .catalog-fresh-all-group{ margin-top: 24px; padding-top: 0px; border-top: 0px; }
.catalog-inline-all .catalog-fresh-all-grid{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; overflow: visible; padding: 0px; }
.catalog-inline-all .catalog-fresh-all-grid .product-card{ min-width: 0px; }
.catalog-inline-all .catalog-fresh-all-group .catalog-group-heading{ display: none; }
@media (max-width: 980px){.catalog-inline-all .catalog-fresh-all-grid{ grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }}
@media (max-width: 560px){.catalog-inline-all .catalog-fresh-all-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }}
.catalog-price-group[hidden]{ display: none !important; }
.catalog-group-nav{ margin: 22px 0px; }
.catalog-group-nav > strong{ display: block; margin-bottom: 10px; color: var(--plum); }
.catalog-group-nav > div{ display: flex; flex-wrap: wrap; gap: 8px; }
.catalog-group-nav a{ display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--stone); border-radius: 12px; background: rgb(255, 255, 255); color: var(--plum); text-decoration: none; font-size: 0.85rem; overflow-wrap: anywhere; }
.catalog-group-nav a:hover,.catalog-group-nav a:focus-visible{ background: var(--plum); color: rgb(255, 255, 255); }
.catalog-preview-notice{ padding: 14px 18px; border-left: 3px solid var(--champagne); background: var(--porcelain); color: rgb(114, 98, 80); font-size: 0.86rem; }
.catalog-price-group{ margin-top: 42px; padding-top: 18px; border-top: 1px solid var(--stone); scroll-margin-top: 130px; }
.catalog-group-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }
.catalog-group-grid > *{ min-width: 0px; max-width: none; }
@media (max-width: 620px){.catalog-group-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }}
@media (max-width: 620px){.catalog-group-nav a{ font-size: 0.78rem; padding: 8px 10px; }}
@media (max-width: 620px){.catalog-group-nav > div{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 620px){.catalog-group-nav a{ justify-content: center; text-align: center; }}
@media (max-width: 760px){.province-editorial-grid{ grid-template-columns: 1fr; gap: 0px; }}
@media (max-width: 760px){.province-source-note{ grid-template-columns: 1fr; gap: 5px; }}
@media (max-width: 760px){.province-editorial{ padding: 22px 16px; }}
@media (max-width: 760px){.province-order-callout{ grid-template-columns: 1fr; gap: 6px; padding: 16px; }}
@media (max-width: 760px){.province-editorial-card-area{ grid-column: auto; }}
@media (max-width: 760px){.province-editorial-grid{ gap: 10px; }}
@media (max-width: 760px){.province-editorial-grid h3{ margin-top: 0px; }}
@media (max-width: 760px){.province-article-cta{ grid-template-columns: 1fr; padding: 18px; }}
@media (max-width: 760px){.province-article-actions{ display: grid; grid-template-columns: 1fr; justify-content: stretch; }}
@media (max-width: 760px){.province-article-actions .button{ width: 100%; white-space: normal; }}
.district-temple-groups > section.is-collapsed li:nth-child(n+7){ display: none; }
.district-more-toggle{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; margin-top: 14px; padding: 8px 12px; border: 1px solid var(--mulberry); border-radius: 9px; background: rgb(255, 255, 255); color: var(--mulberry); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.76rem; font-weight: 700; line-height: 1.4; cursor: pointer; }
.district-more-toggle:hover,.district-more-toggle:focus-visible{ background: var(--mulberry); color: rgb(255, 255, 255); }
.modal-product-panel{ display: flex; min-width: 0px; flex-direction: column; align-items: stretch; }
.modal-category{ align-self: flex-start; margin: 0px 48px 5px 0px; color: var(--mulberry); font-size: 0.76rem; font-weight: 750; letter-spacing: 0.04em; }
.modal-product-panel h2{ max-width: none; margin: 0px 48px 12px 0px; color: var(--aubergine); font-size: clamp(1.4rem, 2.4vw, 1.85rem); line-height: 1.3; letter-spacing: -0.02em; white-space: nowrap; }
.modal-code-row{ display: flex; align-items: center; gap: 10px; margin-bottom: 12px; color: rgb(135, 116, 94); font-size: 0.78rem; }
.modal-code-row strong{ padding: 3px 9px; border-radius: 6px; background: rgb(245, 242, 238); color: var(--plum); font-size: 0.82rem; }
.modal-benefit-tags{ display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0px 16px; }
.modal-benefit-tags span{ padding: 5px 9px; border: 1px solid rgb(231, 225, 219); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(99, 85, 69); font-size: 0.72rem; font-weight: 650; }
.modal-price-block{ display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid rgb(234, 229, 223); border-radius: 11px; background: rgb(252, 251, 249); }
.modal-price-block small{ color: rgb(134, 115, 93); }
.modal-price-block strong{ color: var(--mulberry); font-size: 1.35rem; line-height: 1.25; }
.modal-size{ margin: 10px 0px 0px; font-size: 0.82rem; }
.modal-delivery-note{ display: flex; align-items: flex-start; gap: 10px; margin: 12px 0px; padding: 11px 13px; border-radius: 10px; background: rgb(247, 244, 241); color: var(--ink); }
.modal-delivery-note > span:first-child{ display: grid; flex: 0 0 28px; height: 28px; place-items: center; border-radius: 50%; background: rgb(255, 255, 255); color: var(--mulberry); font-weight: 800; }
.modal-delivery-note strong,.modal-delivery-note small{ display: block; }
.modal-delivery-note strong{ font-size: 0.86rem; }
.modal-delivery-note small{ margin-top: 1px; color: rgb(129, 110, 89); font-size: 0.73rem; line-height: 1.5; }
.modal-service-grid{ display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 12px; }
.modal-service-grid > div{ display: flex; min-width: 0px; align-items: center; gap: 10px; min-height: 58px; padding: 9px 12px; border: 1px solid rgb(234, 229, 223); border-radius: 12px; background: rgb(255, 255, 255); }
.modal-service-grid .modal-service-icon{ display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: rgb(245, 241, 237); color: var(--mulberry); }
.modal-service-grid .modal-service-icon svg{ display: block; width: 21px; height: 21px; }
.modal-service-grid p{ min-width: 0px; margin: 0px; }
.modal-service-grid strong,.modal-service-grid small{ display: block; }
.modal-service-grid strong{ color: var(--plum); font-size: 0.77rem; line-height: 1.4; }
.modal-service-grid small{ margin-top: 2px; color: rgb(134, 115, 93); font-size: 0.68rem; line-height: 1.45; }
.modal-product-note{ display: grid; grid-template-columns: auto 1fr; gap: 8px; margin: 0px 0px 10px; border-left-width: 3px; border-radius: 0px 8px 8px 0px; font-size: 0.72rem; line-height: 1.55; }
.modal-product-note strong{ color: var(--plum); }
.modal-detail-link{ align-self: flex-start; margin: 0px 0px 12px; font-size: 0.77rem; font-weight: 650; }
.modal-order-panel{ margin-top: auto; padding-top: 13px; border-top: 1px solid rgb(234, 229, 223); }
.modal-order-label{ display: block; margin-bottom: 7px; color: rgb(134, 115, 93); font-size: 0.7rem; font-weight: 650; }
.modal-order-panel .modal-line-button{ margin-top: 0px; }
.modal-order-panel .modal-line-qr{ margin-top: 9px; padding: 9px; }
.modal-order-panel .modal-line-qr img{ width: 68px; height: 68px; }
.modal-order-panel .modal-line-qr span{ font-size: 0.7rem; }
@media (max-width: 760px){.modal{ padding: 10px; }}
@media (max-width: 760px){.modal-dialog{ max-height: calc(100dvh - 20px); }}
@media (max-width: 760px){.modal-layout{ gap: 16px; }}
@media (max-width: 760px){.modal-image{ width: min(100%, 360px); max-height: 300px; margin-inline: auto; aspect-ratio: 4 / 3; }}
@media (max-width: 760px){.modal-content{ padding: 14px; }}
@media (max-width: 760px){.modal-product-panel h2{ margin-right: 42px; font-size: clamp(1.3rem, 6vw, 1.65rem); white-space: nowrap; }}
@media (max-width: 760px){.modal-order-panel{ margin-top: 2px; }}
@media (max-width: 390px){.modal-benefit-tags{ gap: 5px; }}
@media (max-width: 390px){.modal-benefit-tags span{ font-size: 0.68rem; }}
@media (max-width: 390px){.modal-price-block strong{ font-size: 1.18rem; }}
.temple-editorial-content,.temple-order-guide,.temple-help-grid{ margin-top: clamp(28px, 5vw, 52px); }
.temple-editorial-content{ padding: clamp(22px, 4vw, 36px); border: 1px solid var(--stone); border-radius: 18px; background: rgb(255, 255, 255); }
.temple-editorial-content > h2,.temple-order-guide h2,.temple-help-grid h2{ margin: 0px 0px 12px; color: var(--aubergine); font-size: clamp(1.28rem, 2.4vw, 1.8rem); line-height: 1.3; }
.temple-editorial-content > :last-child,.temple-help-grid article > :last-child{ margin-bottom: 0px; }
.temple-order-guide{ display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
.temple-order-guide__intro{ position: sticky; top: 110px; }
.temple-order-guide__intro p{ color: rgb(119, 102, 82); }
.temple-order-steps{ display: grid; gap: 12px; margin: 0px; padding: 0px; list-style: none; counter-reset: none; }
.temple-order-steps li{ display: grid; grid-template-columns: 42px minmax(0px, 1fr); gap: 13px; padding: 18px; border: 1px solid var(--stone); border-radius: 14px; background: var(--porcelain); }
.temple-order-steps li > span{ display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--aubergine); color: rgb(255, 255, 255); font-weight: 750; }
.temple-order-steps strong{ display: block; color: var(--plum); font-size: 1.02rem; }
.temple-order-steps p{ margin: 4px 0px 0px; color: rgb(116, 100, 81); font-size: 0.9rem; line-height: 1.75; }
.temple-help-grid{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
.temple-help-grid article{ padding: clamp(20px, 3vw, 28px); border: 1px solid var(--stone); border-radius: 16px; background: rgb(255, 255, 255); }
.temple-help-grid p{ color: rgb(116, 100, 81); }
@media (max-width: 760px){.temple-order-guide{ grid-template-columns: 1fr; gap: 18px; }}
@media (max-width: 760px){.temple-order-guide__intro{ position: static; }}
@media (max-width: 760px){.temple-help-grid{ grid-template-columns: 1fr; }}
@media (max-width: 1000px){.province-area-section .chip,.province-area-section .temple-directory-link,.province-editorial a,.site-footer .footer-service a,.floating-back-to-top,.floating-contact-button{ display: inline-flex; align-items: center; min-width: 44px !important; min-height: 44px !important; }}
@media (max-width: 1000px){.floating-back-to-top,.floating-contact-button{ justify-content: center; }}
@media (max-width: 390px){.temple-editorial-content{ padding: 18px 15px; }}
@media (max-width: 390px){.temple-order-steps li{ grid-template-columns: 36px minmax(0px, 1fr); padding: 15px 13px; }}
@media (max-width: 390px){.temple-order-steps li > span{ width: 36px; height: 36px; }}
.category-shortcuts .shortcut-grid a:hover .shortcut-image,.category-shortcuts .shortcut-grid a:focus-visible .shortcut-image{ transform: translateY(-50%); }
.category-shortcuts .shortcut-grid a:hover::after,.category-shortcuts .shortcut-grid a:focus-visible::after{ background: var(--mulberry); color: rgb(255, 255, 255); }
.site-footer .footer-grid > *{ min-width: 0px; }
.site-footer .footer-grid h3{ position: relative; padding-bottom: 10px; margin-bottom: 14px; }
.site-footer .footer-grid h3::after{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 28px; height: 2px; border-radius: 2px; background: var(--champagne); }
.site-footer .footer-contact-list{ gap: 8px; }
.site-footer .footer-contact-list{ width: 100%; max-width: 370px; }
.site-footer .footer-contact-item{ min-height: 60px; border-radius: 14px; }
.site-footer .footer-contact-item.psw-track-line{ border-color: rgba(255, 255, 255, 0.15) !important; background: rgba(255, 255, 255, 0.06) !important; }
.site-footer .footer-contact-item.psw-track-line:hover,.site-footer .footer-contact-item.psw-track-line:focus-visible{ border-color: rgba(255, 255, 255, 0.4) !important; background: rgba(255, 255, 255, 0.12) !important; }
.site-footer .footer-contact-item strong{ overflow-wrap: anywhere; }
.site-footer .footer-contact-item:focus-visible{ border-color: var(--champagne); outline-offset: 3px; background: rgba(255, 255, 255, 0.12) !important; }
.site-footer .footer-service a{ display: inline-flex; min-height: 30px; align-items: center; }
.search-results .search-empty{ display: block; padding: 12px; }
.modal-product-panel h2{ white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 760px){.category-switcher a,.fresh-catalog-sidebar .catalog-group-nav a,.fan-page-sidebar .catalog-group-nav a,.site-footer .footer-service a{ min-height: 44px; }}
@media (max-width: 1000px){.site-footer .footer-grid{ gap: 34px 26px; }}
@media (max-width: 1000px){.site-footer .footer-contact{ max-width: 520px; }}
@media (max-width: 620px){.site-footer{ padding-top: 42px; }}
@media (max-width: 620px){.site-footer .footer-grid{ gap: 30px 18px; }}
@media (max-width: 620px){.site-footer .footer-brand{ padding-bottom: 4px; }}
@media (max-width: 620px){.site-footer .footer-contact{ width: 100%; max-width: none; }}
@media (max-width: 620px){.site-footer .footer-contact-list{ max-width: 370px; }}
@media (max-width: 620px){.site-footer .footer-contact-item{ min-height: 62px; padding: 10px 12px; }}
@media (max-width: 620px){.site-footer .footer-trust{ padding-top: 4px; }}
@media (max-width: 620px){.site-footer .footer-service{ padding-top: 22px; }}
@media (max-width: 620px){.site-footer .footer-bottom{ flex-wrap: wrap; gap: 14px; }}
@media (max-width: 390px){.site-footer .footer-trust{ padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.12); }}
@media (max-width: 390px){.site-footer .footer-service ul{ grid-template-columns: 1fr; }}
.category-shortcuts .shortcut-grid a:hover .shortcut-image,.category-shortcuts .shortcut-grid a:focus-visible .shortcut-image{ transform: none; }
.category-shortcuts .shortcut-grid a:hover .shortcut-image img,.category-shortcuts .shortcut-grid a:focus-visible .shortcut-image img{ transform: translateY(-3px) scale(1.01); }
.category-shortcuts .shortcut-grid a:hover,.category-shortcuts .shortcut-grid a:focus-visible{ border-color: rgb(205, 195, 184); box-shadow: rgba(63, 49, 32, 0.12) 0px 13px 30px; transform: translateY(-2px); }
#wreath > .section,.province-product-categories > .section,#wreath > .section + .section,.province-product-categories > .section + .section,.province-product-categories > .product-section:first-child{ padding-top: clamp(40px, 4.2vw, 52px); padding-bottom: clamp(40px, 4.2vw, 52px); }
@media (max-width: 620px){#wreath > .section,.province-product-categories > .section,#wreath > .section + .section,.province-product-categories > .section + .section,.province-product-categories > .product-section:first-child{ padding-top: 32px; padding-bottom: 32px; }}
.province-catalog-intro{ padding: clamp(30px, 4vw, 44px) 0px; border-top: 1px solid rgb(234, 229, 223); border-bottom: 1px solid rgb(234, 229, 223); background: linear-gradient(110deg, rgb(255, 250, 247) 0%, rgb(246, 242, 238) 100%); }
.province-catalog-intro .container{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: end; gap: 30px; }
.province-catalog-intro .eyebrow{ display: block; margin-bottom: 5px; font-size: 0.78rem; }
.province-catalog-intro h2{ margin: 0px; color: var(--aubergine); font-size: clamp(1.65rem, 3.2vw, 2.45rem); line-height: 1.25; }
.province-catalog-intro p{ max-width: 760px; margin: 10px 0px 0px; color: rgb(115, 99, 80); }
.province-catalog-intro ul{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.province-catalog-intro li{ padding: 8px 12px; border: 1px solid rgb(226, 219, 212); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(95, 75, 53); font-size: 0.75rem; font-weight: 650; white-space: nowrap; }
.province-catalog-intro li::before{ content: "✓"; margin-right: 5px; color: rgb(139, 107, 53); font-weight: 900; }
.province-nearby{ padding-block: clamp(34px, 5vw, 64px); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 249, 247) 100%); }
.province-nearby-panel{ display: grid; grid-template-columns: minmax(220px, 0.72fr) minmax(0px, 1.28fr); align-items: center; gap: clamp(28px, 5vw, 72px); max-width: 1040px; margin-inline: auto; padding: clamp(24px, 4vw, 44px); border: 1px solid rgb(231, 226, 220); border-radius: 22px; background: rgba(255, 255, 255, 0.92); box-shadow: rgba(57, 45, 31, 0.07) 0px 16px 44px; }
.province-nearby-heading .eyebrow{ display: block; margin-bottom: 6px; color: var(--mulberry); font-size: 0.75rem; letter-spacing: 0.04em; }
.province-nearby-heading h2{ margin: 0px; color: var(--aubergine); font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.25; }
.province-nearby-heading p{ max-width: 34ch; margin: 9px 0px 0px; color: rgb(126, 108, 87); font-size: 0.84rem; line-height: 1.7; }
.province-nearby-links{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.province-nearby-link{ display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0px; min-height: 74px; padding: 13px 14px 13px 17px; border: 1px solid rgb(228, 222, 215); border-radius: 14px; background: rgb(255, 255, 255); color: var(--aubergine); text-decoration: none; box-shadow: rgba(57, 45, 31, 0.04) 0px 6px 16px; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; }
.province-nearby-link:hover,.province-nearby-link:focus-visible{ border-color: var(--mauve); color: var(--aubergine); box-shadow: rgba(57, 45, 31, 0.1) 0px 10px 24px; transform: translateY(-2px); }
.province-nearby-link > span:first-child{ min-width: 0px; }
.province-nearby-link small,.province-nearby-link strong{ display: block; }
.province-nearby-link small{ margin-bottom: 1px; color: rgb(153, 132, 108); font-size: 0.68rem; font-weight: 500; }
.province-nearby-link strong{ overflow-wrap: anywhere; font-size: 0.96rem; line-height: 1.4; }
.province-nearby-arrow{ display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: rgb(242, 238, 234); color: var(--plum); font-size: 1.12rem; transition: background 0.18s, color 0.18s, transform 0.18s; }
.province-nearby-link:hover .province-nearby-arrow,.province-nearby-link:focus-visible .province-nearby-arrow{ background: var(--plum); color: rgb(255, 255, 255); transform: translateX(2px); }
@media (max-width: 760px){.province-nearby{ padding-block: 28px; }}
@media (max-width: 760px){.province-nearby-panel{ grid-template-columns: 1fr; gap: 20px; padding: 21px 16px; border-radius: 17px; }}
@media (max-width: 760px){.province-nearby-heading p{ max-width: none; }}
@media (max-width: 760px){.province-nearby-links{ grid-template-columns: 1fr; gap: 9px; }}
@media (max-width: 760px){.province-nearby-link{ min-height: 68px; padding: 11px 12px 11px 15px; }}
@media (max-width: 760px){.province-nearby-arrow{ flex-basis: 44px; width: 44px; height: 44px; }}
.province-product-categories .catalog-location-label{ display: inline-flex; margin-bottom: 7px; padding: 4px 9px; border-radius: 999px; background: rgb(243, 238, 232); color: rgb(118, 98, 76); font-size: 0.7rem; font-weight: 700; }
.province-product-categories .product-heading > div:first-child{ min-width: 0px; }
.province-product-categories .product-heading p{ margin: 7px 0px 0px; color: rgb(126, 108, 88); font-size: 0.85rem; }
.province-product-categories .catalog-group-more .button{ min-height: 44px; border-color: rgb(217, 208, 198); background: rgb(255, 255, 255); font-size: 0.8rem; }
.province-product-categories .catalog-group-more .button:hover,.province-product-categories .catalog-group-more .button:focus-visible{ border-color: var(--plum); background: var(--plum); color: rgb(255, 255, 255); }
.province-product-categories .product-actions .button{ letter-spacing: 0px; }
.province-product-categories .catalog-home-footer p{ max-width: 720px; padding: 9px 13px; border-radius: 10px; background: rgb(250, 246, 241); color: rgb(126, 108, 88); }
@media (max-width: 760px){.province-catalog-intro .container{ grid-template-columns: 1fr; align-items: start; gap: 16px; }}
@media (max-width: 760px){.province-catalog-intro ul{ justify-content: flex-start; gap: 6px; }}
@media (max-width: 760px){.province-catalog-intro li{ padding: 6px 9px; font-size: 0.66rem; }}
@media (max-width: 760px){.province-product-categories .catalog-home-heading h2{ font-size: 1.55rem; }}
@media (max-width: 760px){.province-product-categories .catalog-home-heading p{ font-size: 0.78rem; line-height: 1.6; }}
@media (max-width: 760px){.province-product-categories .catalog-group-more .button{ width: 100%; }}
@media (max-width: 760px){.modal-dialog{ overflow: hidden; }}
@media (max-width: 760px){.modal-content{ max-height: calc(100dvh - 20px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }}
@media (max-width: 760px){.modal-image{ width: min(100%, 320px); height: min(38dvh, 300px); max-height: 300px; aspect-ratio: auto; }}
@media (max-width: 760px){.modal-image img{ object-fit: contain; }}
@media (max-width: 760px){.modal-product-panel h2{ max-width: 100%; margin-right: 0px; font-size: clamp(1.35rem, 6vw, 1.65rem); line-height: 1.25; text-wrap: balance; }}
@media (max-width: 760px){.modal-benefit-tags{ margin-bottom: 12px; }}
@media (max-width: 760px){.modal-benefit-tags span{ display: inline-flex; min-height: 32px; align-items: center; padding: 6px 10px; line-height: 1.35; white-space: normal; }}
@media (max-width: 760px){.modal-order-panel{ margin: 0px 0px 12px; padding: 0px 0px 14px; border-top: 0px; border-bottom: 1px solid rgb(234, 229, 223); }}
@media (max-width: 760px){.modal-order-label{ margin-bottom: 6px; }}
@media (max-width: 760px){.modal-order-panel .modal-line-button{ min-height: 48px; }}
@media (max-width: 760px){.modal-order-panel .modal-line-qr{ display: none; }}
body.postid-174 .product-detail-image{ background: rgb(248, 245, 240); }
@media (max-width: 760px){.temple-province-layout .province-hero-visual img{ width: 100%; max-height: 250px; }}
.care-section,.order-process,.delivery-gallery-section,.delivery-regions,.faq-section,.province-area-section,.province-seo-article{ padding-top: clamp(44px, 5vw, 64px); padding-bottom: clamp(44px, 5vw, 64px); }
.selection-cta-section{ padding-top: clamp(34px, 4vw, 48px); padding-bottom: clamp(34px, 4vw, 48px); }
.province-final-cta{ padding-top: clamp(40px, 4.5vw, 58px); padding-bottom: clamp(40px, 4.5vw, 58px); }
.section-heading{ margin-bottom: clamp(18px, 2.2vw, 24px); }
@media (max-width: 620px){.care-section,.order-process,.delivery-gallery-section,.delivery-regions,.faq-section,.province-area-section,.province-seo-article,.selection-cta-section,.province-final-cta{ padding-top: 32px; padding-bottom: 32px; }}
@media (max-width: 620px){.section-heading{ margin-bottom: 18px; }}
.payment-check-grid article > .payment-check-icon{ width: 52px; height: 52px; margin-bottom: 16px; border: 1px solid rgb(234, 228, 221); border-radius: 15px; background: rgb(250, 248, 245); color: var(--mulberry); }
.province-catalog-intro li,.modal-benefit-tags span{ display: inline-flex; align-items: center; gap: 6px; }
.province-catalog-intro li::before,.modal-benefit-tags span::before{ content: ""; display: inline-block; flex: 0 0 17px; width: 17px; height: 17px; margin: 0px; border-radius: 0px; background: var(--mulberry); mask: url("/wp-content/themes/pisut-wreath/assets/css/../images/check-circle.svg") center center / contain no-repeat; }
@media (max-width: 960px){.category-shortcuts .shortcut-grid a:hover,.category-shortcuts .shortcut-grid a:focus-visible,.category-shortcuts .shortcut-grid a:nth-child(1):hover,.category-shortcuts .shortcut-grid a:nth-child(1):focus-visible,.category-shortcuts .shortcut-grid a:nth-child(2):hover,.category-shortcuts .shortcut-grid a:nth-child(2):focus-visible,.category-shortcuts .shortcut-grid a:nth-child(3):hover,.category-shortcuts .shortcut-grid a:nth-child(3):focus-visible{ border-color: rgb(192, 179, 165); background: rgb(248, 245, 241); color: rgb(56, 45, 32); box-shadow: rgba(36, 27, 16, 0.1) 0px 5px 14px; transform: none; }}
@media (max-width: 960px){.category-shortcuts .shortcut-grid a:hover::after,.category-shortcuts .shortcut-grid a:focus-visible::after{ background: rgb(88, 69, 48); color: rgb(255, 255, 255); }}
@media (max-width: 960px){.category-shortcuts .shortcut-grid a:focus-visible{ outline: rgb(88, 69, 48) solid 2px; outline-offset: 2px; }}
.catalog-fan-page .catalog-group-heading{ min-height: 58px; margin-bottom: 12px; padding: 11px 14px; border-top: 0px; border-right: 0px; border-image: none; border-left: 4px solid var(--champagne); border-bottom: 1px solid var(--stone); border-radius: 0px; background: rgb(255, 255, 255); }
.catalog-fan-page .catalog-group-heading h3{ font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.3; }
.catalog-fan-page .catalog-group-grid{ display: grid; grid-template-columns: 1fr; gap: 18px; }
.site-footer{ color: rgb(248, 238, 228); background: linear-gradient(145deg, rgb(43, 28, 21) 0%, rgb(74, 47, 35) 58%, rgb(47, 33, 25) 100%) !important; padding: 34px 0px 0px !important; }
.footer-intro-band{ align-items: center; justify-content: space-between; gap: 26px; margin-bottom: 38px; padding: 24px 28px; border: 1px solid rgba(215, 181, 123, 0.32); border-radius: 20px; background: rgba(255, 248, 235, 0.07); display: flex !important; }
.footer-intro-band h2{ margin: 5px 0px 3px; color: rgb(255, 255, 255); font-size: clamp(1.25rem, 2.5vw, 1.8rem); line-height: 1.3; }
.footer-intro-band p{ margin: 0px; color: rgb(217, 201, 185); font-size: 0.78rem; }
.footer-intro-band .button{ flex: 0 0 auto; background: rgb(217, 184, 125); color: rgb(51, 33, 22); border: 0px; }
.site-footer .footer-grid{ padding-bottom: 28px; grid-template-columns: 1.45fr 0.78fr 0.92fr 1fr !important; gap: 32px !important; }
.site-footer .footer-logo img{ width: 180px; height: auto; filter: brightness(0) invert(1); opacity: 0.96; }
.site-footer .footer-brand p{ max-width: 410px; margin: 12px 0px 0px; color: rgb(217, 201, 185); line-height: 1.75; }
.site-footer h3{ color: rgb(242, 211, 157); font-size: 0.9rem; margin: 6px 0px 14px; }
.site-footer a{ color: rgb(248, 238, 228); }
.site-footer a:hover{ color: rgb(242, 211, 157); text-decoration: none; }
.site-footer .footer-contact-item{ background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 10px 12px; }
.site-footer .footer-trust{ padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, 0.12); }
.site-footer .footer-bottom{ margin-top: 0px; border-top: 1px solid rgba(255, 255, 255, 0.14); color: rgb(205, 188, 174); }
@media (max-width: 900px){.footer-intro-band{ align-items: flex-start; flex-direction: column; }}
@media (max-width: 900px){.site-footer .footer-grid{ grid-template-columns: 1.2fr 1fr 1fr !important; }}
@media (max-width: 900px){.site-footer .footer-brand{ grid-column: 1 / -1; }}
@media (max-width: 900px){.site-footer .footer-trust{ padding-left: 0px; border-left: 0px; }}
@media (max-width: 620px){.site-footer{ padding-top: 24px !important; }}
@media (max-width: 620px){.footer-intro-band{ margin-bottom: 28px; padding: 20px; }}
@media (max-width: 620px){.footer-intro-band .button{ width: 100%; }}
@media (max-width: 620px){.site-footer .footer-grid{ grid-template-columns: 1fr 1fr !important; gap: 24px 18px !important; }}
@media (max-width: 620px){.site-footer .footer-brand,.site-footer .footer-contact,.site-footer .footer-trust{ grid-column: 1 / -1; }}
@media (max-width: 620px){.site-footer .footer-logo img{ width: 160px; }}
@media (max-width: 390px){.site-footer .footer-grid{ grid-template-columns: 1fr !important; }}
.footer-intro-band{ margin-bottom: 20px !important; padding: 16px 22px !important; border-radius: 16px !important; }
.footer-intro-band h2{ font-size: clamp(1.08rem, 2vw, 1.45rem) !important; }
.footer-intro-band p{ font-size: 0.72rem !important; }
.site-footer .footer-grid{ align-items: start !important; row-gap: 18px !important; padding-bottom: 18px !important; }
.site-footer .footer-grid > div,.site-footer .footer-grid > nav{ align-self: start; }
.site-footer .footer-brand{ grid-column: auto !important; }
.site-footer .footer-brand p{ margin-top: 8px !important; font-size: 0.78rem !important; line-height: 1.55 !important; }
.site-footer .footer-logo img{ width: 145px !important; max-height: 78px !important; }
.site-footer h3{ margin: 2px 0px 9px !important; padding-bottom: 6px !important; font-size: 0.82rem !important; }
.site-footer li{ margin-bottom: 4px !important; font-size: 0.78rem; }
.site-footer .footer-contact-list{ gap: 5px !important; }
.site-footer .footer-contact-item{ min-height: 48px !important; padding: 7px 9px !important; }
.site-footer .footer-trust-logos{ max-width: 120px !important; }
.site-footer .footer-bottom{ padding-block: 12px !important; }
.site-footer .footer-bottom small{ font-size: 0.68rem; }
@media (min-width: 901px){.site-footer .footer-grid{ grid-template-columns: 1.45fr 0.8fr 0.95fr 1fr !important; column-gap: 24px !important; }}
@media (max-width: 900px) and (min-width: 621px){.site-footer .footer-grid{ grid-template-columns: 1.2fr 1fr 1fr !important; column-gap: 20px !important; }}
@media (max-width: 900px) and (min-width: 621px){.site-footer .footer-brand{ grid-column: 1 / -1 !important; }}
@media (max-width: 620px){.footer-intro-band{ margin-bottom: 18px !important; padding: 16px !important; }}
@media (max-width: 620px){.site-footer .footer-grid{ row-gap: 16px !important; }}
@media (max-width: 620px){.site-footer .footer-service{ padding-top: 0px !important; }}
@media (min-width: 901px){.site-footer .footer-brand{ grid-column: span 1 !important; order: 1 !important; }}
@media (min-width: 901px){.site-footer .footer-contact{ grid-column: span 1 !important; order: 2 !important; }}
@media (min-width: 901px){.site-footer .footer-trust{ grid-column: span 1 !important; order: 4 !important; }}
@media (min-width: 901px){.site-footer .footer-service{ grid-column: 1 / -1 !important; order: 5 !important; padding-top: 0px !important; }}
@media (min-width: 901px){.site-footer .footer-service ul{ display: flex; flex-wrap: wrap; gap: 4px 18px; }}
@media (min-width: 901px){.site-footer .footer-service li{ margin: 0px !important; }}
@media (max-width: 900px) and (min-width: 621px){.site-footer .footer-brand{ grid-column: 1 / -1 !important; order: 1 !important; }}
@media (max-width: 900px) and (min-width: 621px){.site-footer .footer-trust{ grid-column: span 1 !important; order: 3 !important; }}
@media (max-width: 900px) and (min-width: 621px){.site-footer .footer-contact{ grid-column: span 1 !important; order: 4 !important; }}
@media (max-width: 900px) and (min-width: 621px){.site-footer .footer-service{ grid-column: 1 / -1 !important; order: 5 !important; }}
.site-footer{ background: rgb(11, 40, 69) !important; padding: 46px 0px 0px !important; color: rgb(255, 255, 255) !important; }
.footer-intro-band{ display: none !important; }
.site-footer .footer-grid{ display: grid !important; grid-template-columns: minmax(0px, 2.1fr) minmax(150px, 1fr) minmax(120px, 0.8fr) minmax(170px, 1fr) !important; gap: 42px !important; padding-bottom: 34px !important; }
.site-footer .footer-brand{ grid-column: auto !important; order: 1 !important; }
.site-footer .footer-brand p{ max-width: 480px !important; color: rgb(255, 255, 255) !important; font-size: 0.82rem !important; line-height: 1.75 !important; }
.site-footer .footer-logo img{ width: 190px !important; max-height: 82px !important; }
.site-footer h3{ margin: 4px 0px 12px !important; padding: 0px !important; color: rgb(240, 181, 108) !important; font-size: 0.9rem !important; }
.site-footer .footer-grid h3::after{ display: none !important; }
.site-footer .footer-service{ grid-column: auto !important; order: 2 !important; padding: 0px !important; }
.site-footer .footer-service ul{ display: block !important; padding-left: 19px !important; list-style: disc !important; }
.site-footer .footer-service li{ margin: 0px 0px 7px !important; padding: 0px !important; font-size: 0.8rem !important; }
.site-footer .footer-service a{ color: rgb(255, 255, 255) !important; min-height: 0px !important; }
.site-footer .footer-trust{ grid-column: auto !important; order: 3 !important; padding: 0px !important; border: 0px !important; }
.site-footer .footer-trust-logos{ max-width: 120px !important; gap: 7px !important; }
.site-footer .footer-trust-logos img,.site-footer .footer-trust-logos .footer-dbd-logo{ background: rgb(255, 255, 255); border-radius: 4px; height: 52px !important; }
.site-footer .footer-contact{ grid-column: auto !important; order: 4 !important; }
.site-footer .footer-contact-list{ max-width: 170px !important; gap: 7px !important; }
.site-footer .footer-contact-item{ min-height: 31px !important; padding: 4px 10px !important; border: 2px solid rgb(239, 181, 200) !important; border-radius: 999px !important; background: rgb(246, 215, 224) !important; color: rgb(23, 50, 76) !important; display: flex !important; align-items: center !important; gap: 6px !important; }
.site-footer .footer-contact-item .footer-contact-icon{ width: 22px !important; height: 22px !important; background: transparent !important; color: rgb(23, 50, 76) !important; }
.site-footer .footer-contact-item .footer-contact-icon svg{ width: 16px !important; height: 16px !important; }
.site-footer .footer-contact-item .footer-line-icon{ background: rgb(23, 50, 76) !important; color: rgb(255, 255, 255) !important; border-radius: 50% !important; }
.site-footer .footer-contact-item small{ display: none !important; }
.site-footer .footer-contact-item strong{ margin: 0px !important; color: rgb(23, 50, 76) !important; font-size: 0.68rem !important; white-space: nowrap !important; }
.site-footer .footer-contact-arrow{ display: none !important; }
.site-footer .footer-contact-note{ display: none !important; }
.site-footer .footer-bottom{ margin-top: 0px !important; padding-block: 14px !important; border-top: 1px solid rgba(255, 255, 255, 0.25) !important; color: rgb(216, 228, 239) !important; }
.site-footer .footer-bottom > a{ border-color: rgba(255, 255, 255, 0.4) !important; color: rgb(255, 255, 255) !important; }
@media (max-width: 900px){.site-footer .footer-grid{ grid-template-columns: 1.5fr 1fr 1fr !important; gap: 28px 22px !important; }}
@media (max-width: 900px){.site-footer .footer-brand{ grid-column: 1 / -1 !important; }}
@media (max-width: 900px){.site-footer .footer-contact{ grid-column: span 1 !important; }}
@media (max-width: 900px){.site-footer .footer-service{ grid-column: span 1 !important; }}
@media (max-width: 900px){.site-footer .footer-trust{ grid-column: span 1 !important; }}
@media (max-width: 620px){.site-footer{ padding-top: 30px !important; }}
@media (max-width: 620px){.site-footer .footer-grid{ grid-template-columns: 1fr 1fr !important; gap: 24px 18px !important; }}
@media (max-width: 620px){.site-footer .footer-brand{ grid-column: 1 / -1 !important; }}
@media (max-width: 620px){.site-footer .footer-service{ grid-column: span 1 !important; }}
@media (max-width: 620px){.site-footer .footer-trust{ grid-column: span 1 !important; }}
@media (max-width: 620px){.site-footer .footer-contact{ grid-column: 1 / -1 !important; }}
@media (max-width: 620px){.site-footer .footer-contact-list{ max-width: 260px !important; display: flex !important; flex-wrap: wrap !important; }}
@media (max-width: 620px){.site-footer .footer-contact-item{ flex: 1 1 120px !important; }}
.site-footer{ background: linear-gradient(145deg, rgb(43, 27, 20) 0%, rgb(74, 46, 33) 58%, rgb(51, 34, 25) 100%) !important; }
.site-footer .footer-contact{ display: block !important; grid-column: auto !important; order: 4 !important; }
.site-footer .footer-contact-item{ border-color: rgb(216, 178, 123) !important; background: rgb(243, 228, 210) !important; color: rgb(74, 46, 33) !important; }
.site-footer .footer-contact-item .footer-contact-icon{ color: rgb(74, 46, 33) !important; }
.site-footer .footer-contact-item .footer-line-icon{ background: rgb(74, 46, 33) !important; color: rgb(255, 255, 255) !important; }
.site-footer .footer-contact-item strong{ color: rgb(74, 46, 33) !important; }
.site-footer .footer-contact-item:hover{ background: rgb(255, 243, 229) !important; border-color: rgb(240, 207, 154) !important; }
.site-footer .footer-trust-logos img{ background: transparent !important; border-radius: 0px !important; object-fit: contain !important; box-shadow: none !important; }
.site-footer .footer-trust-logos .footer-dbd-logo,.site-footer .footer-trust-logos .footer-payment-methods{ height: 58px !important; width: 100% !important; }
.site-footer .footer-trust h3{ white-space: nowrap; letter-spacing: -0.01em; font-size: 0.82rem !important; }
.site-footer .footer-service{ border-top: 0px !important; padding-top: 0px !important; }
.site-footer .footer-brand-heading{ margin: 12px 0px 8px !important; padding: 0px !important; color: rgb(240, 197, 142) !important; font-size: 1rem !important; line-height: 1.45 !important; }
.site-footer .footer-brand-heading::after{ display: none !important; }
.site-footer .footer-brand p{ margin-top: 0px !important; }
.site-footer .footer-grid > *{ min-width: 0px !important; overflow-wrap: anywhere; }
.site-footer .footer-brand p{ font-size: 0.8rem !important; line-height: 1.8 !important; max-width: 520px !important; }
.site-footer .footer-brand-heading{ overflow-wrap: anywhere; font-size: 1rem !important; line-height: 1.5 !important; }
.site-footer .footer-service li{ line-height: 1.55 !important; }
.site-footer .footer-contact-list{ width: 100% !important; max-width: 220px !important; }
.site-footer .footer-contact-item{ max-width: 100% !important; }
.site-footer .footer-contact-item strong{ overflow-wrap: anywhere !important; }
.site-footer .footer-trust-logos{ width: 100% !important; max-width: 130px !important; }
.site-footer .footer-bottom{ gap: 14px !important; }
.site-footer .footer-bottom small{ overflow-wrap: anywhere; }
@media (max-width: 1050px) and (min-width: 761px){.site-footer .footer-grid{ grid-template-columns: 1.7fr 1fr !important; gap: 30px 26px !important; }}
@media (max-width: 1050px) and (min-width: 761px){.site-footer .footer-brand{ grid-column: 1 / -1 !important; }}
@media (max-width: 1050px) and (min-width: 761px){.site-footer .footer-service,.site-footer .footer-trust,.site-footer .footer-contact{ grid-column: span 1 !important; }}
@media (max-width: 760px){.site-footer{ padding-top: 30px !important; }}
@media (max-width: 760px){.site-footer .footer-grid{ grid-template-columns: 1fr !important; gap: 24px !important; }}
@media (max-width: 760px){.site-footer .footer-brand,.site-footer .footer-service,.site-footer .footer-trust,.site-footer .footer-contact{ grid-column: 1 !important; }}
@media (max-width: 760px){.site-footer .footer-brand p{ font-size: 0.78rem !important; line-height: 1.75 !important; }}
@media (max-width: 760px){.site-footer .footer-service ul{ padding-left: 20px !important; }}
@media (max-width: 760px){.site-footer .footer-trust-logos{ max-width: 150px !important; }}
@media (max-width: 760px){.site-footer .footer-contact-list{ max-width: 100% !important; }}
@media (max-width: 760px){.site-footer .footer-contact-item{ width: 100% !important; max-width: 300px !important; }}
@media (max-width: 760px){.site-footer .footer-bottom{ align-items: flex-start !important; flex-direction: column !important; }}
@media (max-width: 760px){.site-footer .footer-bottom > a{ align-self: flex-end; }}
.site-footer .footer-bottom{ position: relative; text-align: center; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; justify-content: center !important; background: rgb(255, 253, 252) !important; color: rgb(74, 46, 33) !important; border-top: 1px solid rgb(231, 220, 203) !important; padding: 14px 70px !important; }
.site-footer .footer-bottom small{ color: rgb(74, 46, 33) !important; }
.site-footer .footer-bottom > a{ position: absolute; right: max(16px,calc((100vw - var(--max))/2)); top: 50%; transform: translateY(-50%); border-color: rgb(155, 128, 99) !important; color: rgb(74, 46, 33) !important; background: rgb(255, 253, 252) !important; }
@media (max-width: 620px){.site-footer .footer-bottom{ padding: 14px 58px 14px 16px !important; }}
@media (max-width: 620px){.site-footer .footer-bottom > a{ right: 16px; }}
.faq-section{ background: rgb(247, 240, 231) !important; padding-block: clamp(52px, 7vw, 88px) !important; }
.faq-layout{ grid-template-columns: minmax(250px, 0.72fr) minmax(0px, 1.28fr) !important; gap: clamp(30px, 6vw, 76px) !important; }
.faq-intro{ top: 112px; border-radius: 22px; box-shadow: rgba(53, 32, 20, 0.14) 0px 16px 34px; position: sticky !important; padding: 30px 26px !important; background: linear-gradient(145deg, rgb(57, 36, 25), rgb(90, 56, 40)) !important; }
.faq-intro > span{ padding: 5px 10px; border: 1px solid rgba(240, 197, 142, 0.45); border-radius: 999px; display: inline-flex !important; color: rgb(240, 197, 142) !important; font-size: 0.72rem !important; }
.faq-intro h2{ margin: 16px 0px 10px !important; color: rgb(255, 247, 237) !important; font-size: clamp(1.65rem, 3.1vw, 2.5rem) !important; line-height: 1.22 !important; }
.faq-intro p{ margin: 0px !important; color: rgb(232, 216, 201) !important; font-size: 0.86rem !important; line-height: 1.8 !important; }
.faq-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)); display: grid !important; gap: 14px !important; }
.faq-item{ transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; border: 1px solid rgb(231, 216, 200) !important; border-radius: 16px !important; background: rgb(255, 253, 249) !important; overflow: hidden !important; box-shadow: rgba(62, 39, 23, 0.06) 0px 8px 20px !important; }
.faq-item:hover{ transform: translateY(-2px); border-color: rgb(198, 154, 98) !important; box-shadow: rgba(62, 39, 23, 0.1) 0px 12px 24px !important; }
.faq-item:has(.faq-answer:not([hidden])){ border-color: rgb(184, 137, 82) !important; box-shadow: rgba(62, 39, 23, 0.11) 0px 12px 24px !important; }
.faq-item h3{ margin: 0px !important; }
.faq-question{ display: grid !important; grid-template-columns: 30px 1fr 24px !important; align-items: start !important; gap: 10px !important; min-height: 76px !important; padding: 18px 16px !important; color: rgb(59, 40, 29) !important; font-size: 0.9rem !important; line-height: 1.5 !important; font-weight: 700 !important; text-align: left !important; }
.faq-question:hover{ color: rgb(138, 94, 50) !important; }
.faq-number{ display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgb(234, 211, 175); color: rgb(90, 56, 35); font-size: 0.72rem; font-weight: 800; }
.faq-icon{ display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgb(245, 234, 220); color: rgb(138, 94, 50); font-size: 1rem; line-height: 1; transition: transform 0.2s, background 0.2s; }
.faq-question[aria-expanded="true"] .faq-icon{ background: rgb(184, 137, 82); color: rgb(255, 255, 255); transform: rotate(45deg); }
.faq-answer{ padding: 0px 18px 18px 56px !important; color: rgb(110, 89, 72) !important; font-size: 0.82rem !important; line-height: 1.8 !important; }
.faq-answer p{ margin: 0px !important; }
.faq-cta{ display: none !important; }
@media (max-width: 900px){.faq-layout{ grid-template-columns: 1fr !important; }}
@media (max-width: 900px){.faq-intro{ position: static !important; }}
@media (max-width: 900px){.faq-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
@media (max-width: 620px){.faq-section{ padding-block: 44px !important; }}
@media (max-width: 620px){.faq-intro{ border-radius: 18px; padding: 24px 20px !important; }}
@media (max-width: 620px){.faq-intro h2{ font-size: 1.75rem !important; }}
@media (max-width: 620px){.faq-list{ grid-template-columns: 1fr !important; gap: 11px !important; }}
@media (max-width: 620px){.faq-question{ min-height: 68px !important; padding: 15px 13px !important; font-size: 0.84rem !important; }}
@media (max-width: 620px){.faq-answer{ padding: 0px 14px 16px 49px !important; font-size: 0.8rem !important; }}
.faq-section{ background: rgb(251, 248, 243) !important; }
.faq-layout{ grid-template-columns: minmax(250px, 0.68fr) minmax(0px, 1.32fr) !important; gap: clamp(34px, 7vw, 92px) !important; }
.faq-intro{ padding: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }
.faq-intro > span{ padding: 0px !important; border: 0px !important; border-radius: 0px !important; color: rgb(162, 116, 60) !important; font-size: 0.72rem !important; letter-spacing: 0.08em !important; }
.faq-intro h2{ margin: 10px 0px 12px !important; color: rgb(51, 34, 25) !important; font-size: clamp(2rem, 3.5vw, 3rem) !important; line-height: 1.15 !important; }
.faq-intro p{ color: rgb(128, 107, 88) !important; font-size: 0.88rem !important; line-height: 1.85 !important; }
.faq-list{ display: grid !important; grid-template-columns: 1fr !important; gap: 0px !important; border-top: 1px solid rgb(223, 208, 190) !important; }
.faq-item,.faq-item:hover,.faq-item:has(.faq-answer:not([hidden])){ border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(223, 208, 190) !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
.faq-question{ grid-template-columns: 42px 1fr 28px !important; min-height: 72px !important; padding: 18px 2px !important; color: rgb(59, 40, 29) !important; font-size: 0.96rem !important; }
.faq-question:hover{ color: rgb(147, 101, 50) !important; }
.faq-number{ width: 30px; height: 30px; background: rgb(234, 214, 183); color: rgb(128, 88, 46); font-size: 0.7rem; }
.faq-icon{ width: 27px; height: 27px; background: rgb(240, 229, 216); color: rgb(128, 88, 46); }
.faq-question[aria-expanded="true"] .faq-icon{ background: rgb(162, 116, 60); color: rgb(255, 255, 255); }
.faq-answer{ padding: 0px 34px 20px 44px !important; color: rgb(117, 99, 82) !important; font-size: 0.86rem !important; line-height: 1.85 !important; }
.faq-answer p{ max-width: 700px !important; }
@media (max-width: 900px){.faq-layout{ grid-template-columns: 1fr !important; gap: 30px !important; }}
@media (max-width: 900px){.faq-intro{ max-width: 680px !important; }}
@media (max-width: 620px){.faq-section{ padding-block: 44px !important; }}
@media (max-width: 620px){.faq-intro h2{ font-size: 2rem !important; }}
@media (max-width: 620px){.faq-question{ grid-template-columns: 34px 1fr 26px !important; min-height: 66px !important; padding: 15px 0px !important; font-size: 0.88rem !important; }}
@media (max-width: 620px){.faq-number{ width: 27px; height: 27px; }}
@media (max-width: 620px){.faq-answer{ padding: 0px 28px 17px 35px !important; font-size: 0.8rem !important; }}
.faq-section{ padding-block: 38px !important; }
.faq-layout{ display: block !important; }
.faq-intro{ position: static !important; max-width: 760px !important; margin: 0px auto 22px !important; text-align: center !important; }
.faq-intro > span{ font-size: 0.68rem !important; }
.faq-intro h2{ margin: 5px 0px !important; font-size: clamp(1.55rem, 3vw, 2.2rem) !important; }
.faq-intro p{ margin: 0px !important; font-size: 0.78rem !important; line-height: 1.6 !important; }
.faq-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px 18px !important; border-top: 0px !important; }
.faq-item{ border: 1px solid rgb(228, 214, 198) !important; border-radius: 10px !important; background: rgb(255, 253, 249) !important; }
.faq-question{ grid-template-columns: 28px 1fr 22px !important; min-height: 58px !important; padding: 12px !important; font-size: 0.8rem !important; line-height: 1.4 !important; }
.faq-number{ width: 24px; height: 24px; font-size: 0.64rem; }
.faq-icon{ width: 22px; height: 22px; font-size: 0.85rem; }
.faq-answer{ padding: 0px 12px 13px 52px !important; font-size: 0.74rem !important; line-height: 1.65 !important; }
.faq-answer p{ max-width: none !important; }
@media (max-width: 620px){.faq-section{ padding-block: 30px !important; }}
@media (max-width: 620px){.faq-intro{ margin-bottom: 16px !important; }}
@media (max-width: 620px){.faq-intro h2{ font-size: 1.55rem !important; }}
@media (max-width: 620px){.faq-list{ grid-template-columns: 1fr !important; gap: 8px !important; }}
@media (max-width: 620px){.faq-question{ font-size: 0.82rem !important; }}
.faq-list > .faq-more{ grid-column: 1 / -1 !important; border: 0px !important; margin: 3px 0px 0px !important; }
.faq-more > summary{ align-items: center; justify-content: center; gap: 8px; display: flex !important; min-height: 42px !important; padding: 9px 16px !important; border: 1px solid rgb(184, 137, 82) !important; border-radius: 999px !important; background: rgb(255, 250, 243) !important; color: rgb(128, 88, 46) !important; font-size: 0.78rem !important; font-weight: 700 !important; cursor: pointer !important; list-style: none !important; }
.faq-more > summary::-webkit-details-marker{ display: none; }
.faq-more > summary span{ font-size: 1rem; line-height: 1; }
.faq-more[open] > summary span{ transform: rotate(45deg); }
.faq-more > div{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px 18px; margin-top: 10px; }
.faq-more .faq-item{ min-width: 0px; }
@media (max-width: 620px){.faq-more > div{ grid-template-columns: 1fr; gap: 8px; }}
@media (max-width: 620px){.faq-more > summary{ font-size: 0.8rem; }}
.faq-layout{ display: block !important; max-width: 920px !important; margin-inline: auto !important; }
.faq-intro{ position: static !important; max-width: 700px !important; margin: 0px auto 24px !important; text-align: center !important; }
.faq-intro h2{ font-size: clamp(1.7rem, 3.2vw, 2.45rem) !important; }
.faq-list{ display: grid !important; grid-template-columns: 1fr !important; max-width: 780px !important; margin-inline: auto !important; }
.faq-more > div{ grid-template-columns: 1fr !important; max-width: 780px !important; margin-inline: auto !important; }
.delivery-regions{ padding-block: 44px !important; background: rgb(255, 253, 251) !important; }
.delivery-layout{ display: block !important; max-width: 900px !important; margin-inline: auto !important; }
.delivery-intro{ position: static !important; max-width: 680px !important; margin: 0px auto 24px !important; text-align: center !important; }
.delivery-intro .eyebrow{ font-size: 0.72rem !important; }
.delivery-intro h2{ font-size: clamp(1.7rem, 3.2vw, 2.45rem) !important; margin: 6px 0px 8px !important; color: rgb(59, 40, 29) !important; }
.delivery-intro p{ max-width: 620px !important; margin: 0px auto !important; color: rgb(128, 107, 88) !important; font-size: 0.82rem !important; line-height: 1.7 !important; }
.delivery-intro .search-box{ max-width: 560px !important; margin: 18px auto 0px !important; text-align: left !important; }
.region-list{ grid-template-columns: 1fr !important; max-width: 760px !important; margin-inline: auto !important; gap: 10px !important; }
.region-group{ border: 1px solid rgb(228, 214, 198) !important; border-radius: 12px !important; background: rgb(255, 253, 249) !important; }
.region-group summary{ min-height: 50px !important; padding: 10px 14px !important; color: rgb(74, 48, 32) !important; font-size: 0.86rem !important; }
.region-provinces{ padding: 0px 10px 10px !important; }
@media (max-width: 620px){.delivery-regions{ padding-block: 34px !important; }}
@media (max-width: 620px){.delivery-layout{ width: min(100%, 620px) !important; }}
@media (max-width: 620px){.delivery-intro h2{ font-size: 1.75rem !important; }}
@media (max-width: 620px){.delivery-intro p{ font-size: 0.78rem !important; }}
@media (max-width: 620px){.delivery-intro .search-box{ margin-top: 14px !important; }}
@media (max-width: 620px){.region-list{ gap: 8px !important; }}
@media (max-width: 620px){.region-group summary{ font-size: 0.8rem !important; }}
.region-list{ grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; max-width: 900px !important; gap: 12px !important; }
.region-group summary{ min-height: 54px !important; padding: 11px 13px !important; }
@media (max-width: 1000px) and (min-width: 621px){.region-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
@media (max-width: 620px){.region-list{ grid-template-columns: 1fr !important; }}
.faq-section{ background: rgb(242, 232, 220) !important; border-top: 1px solid rgb(234, 218, 202) !important; }
.faq-intro h2{ color: rgb(74, 48, 33) !important; font-size: clamp(1.65rem, 3vw, 2.25rem) !important; }
.faq-intro h2::after{ content: ""; display: block; width: 54px; height: 3px; margin: 13px auto 0px; border-radius: 99px; background: rgb(184, 137, 82); }
.faq-intro > span{ color: rgb(162, 116, 60) !important; font-weight: 800 !important; }
.delivery-regions .delivery-intro h2{ color: rgb(51, 34, 25) !important; }
.delivery-regions .delivery-intro .eyebrow{ color: rgb(140, 104, 69) !important; }
.home-articles{ background: rgb(255, 253, 251) !important; padding-block: clamp(42px, 6vw, 68px) !important; }
.home-articles .section-heading{ max-width: 720px; margin-inline: auto; margin-bottom: 24px !important; }
.home-articles .section-heading > span{ letter-spacing: 0.06em; color: rgb(162, 116, 60) !important; font-size: 0.72rem !important; font-weight: 800 !important; }
.home-articles .section-heading h2{ color: rgb(59, 40, 29) !important; font-size: clamp(1.6rem, 3vw, 2.35rem) !important; }
.home-articles .section-heading p{ color: rgb(128, 107, 88) !important; font-size: 0.82rem !important; }
.home-article-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; max-width: 1040px; margin-inline: auto; }
.home-article-card{ padding: 22px 20px; border: 1px solid rgb(234, 218, 202); border-radius: 16px; background: rgb(255, 250, 244); box-shadow: rgba(67, 42, 24, 0.05) 0px 8px 18px; }
.home-article-kicker{ color: rgb(162, 116, 60); font-size: 0.68rem; font-weight: 800; }
.home-article-card h3{ margin: 8px 0px; color: rgb(74, 48, 33); font-size: 1rem; line-height: 1.45; }
.home-article-card p{ margin: 0px 0px 14px; color: rgb(117, 99, 82); font-size: 0.8rem; line-height: 1.75; }
.home-article-card a{ color: rgb(138, 94, 50); font-size: 0.76rem; font-weight: 700; text-decoration: none; }
.home-article-card a:hover{ color: rgb(91, 57, 37); text-decoration: underline; }
@media (max-width: 800px){.home-article-grid{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 560px){.home-article-grid{ grid-template-columns: 1fr; gap: 10px; }}
@media (max-width: 560px){.home-article-card{ padding: 18px; }}
.articles-page{ background: rgb(251, 248, 243); }
.articles-hero{ padding: clamp(54px, 8vw, 96px) 0px 46px; background: linear-gradient(135deg, rgb(57, 36, 25), rgb(90, 56, 40)); color: rgb(255, 247, 237); text-align: center; }
.articles-hero span{ color: rgb(240, 197, 142); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.08em; }
.articles-hero h1{ margin: 8px 0px 10px; font-size: clamp(2rem, 4.5vw, 3.6rem); line-height: 1.15; }
.articles-hero p{ margin: 0px auto; max-width: 640px; color: rgb(232, 216, 201); font-size: 0.95rem; }
.articles-list{ max-width: 900px; padding-block: 34px 74px; }
.long-article{ margin-bottom: 24px; padding: clamp(24px, 4vw, 42px); border: 1px solid rgb(234, 218, 202); border-radius: 20px; background: rgb(255, 253, 249); box-shadow: rgba(67, 42, 24, 0.06) 0px 10px 24px; }
.long-article:last-child{ margin-bottom: 0px; }
.long-article-number{ color: rgb(162, 116, 60); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em; }
.long-article h2{ margin: 8px 0px 10px; color: rgb(59, 40, 29); font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.28; }
.long-article-lead{ margin: 0px 0px 22px; color: rgb(111, 90, 72); font-size: 0.92rem; line-height: 1.8; }
.long-article-sections{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin-bottom: 24px; }
.long-article-sections section{ padding: 16px; border-left: 3px solid rgb(211, 174, 120); background: rgb(251, 243, 232); border-radius: 0px 10px 10px 0px; }
.long-article-sections h3{ margin: 0px 0px 7px; color: rgb(109, 72, 43); font-size: 0.92rem; }
.long-article-sections p{ margin: 0px; color: rgb(117, 99, 82); font-size: 0.8rem; line-height: 1.75; }
.long-article .button{ min-height: 42px; padding: 8px 16px; font-size: 0.78rem; }
@media (max-width: 760px){.long-article-sections{ grid-template-columns: 1fr; gap: 10px; }}
@media (max-width: 760px){.articles-list{ padding-block: 24px 50px; }}
@media (max-width: 760px){.long-article{ padding: 22px 18px; }}
@media (max-width: 760px){.long-article-lead{ font-size: 0.84rem; }}
.articles-page{ background: rgb(251, 248, 243); color: rgb(63, 42, 32); }
.articles-archive-hero{ text-align: center; padding: clamp(56px, 8vw, 96px) 20px 30px; }
.articles-archive-hero .eyebrow{ display: block; color: rgb(155, 108, 52); font-weight: 700; font-size: 0.9rem; margin-bottom: 8px; }
.articles-archive-hero h1{ margin: 0px; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.1; color: rgb(63, 42, 32); }
.articles-archive-hero p{ max-width: 680px; margin: 16px auto 0px; color: rgb(130, 111, 98); font-size: 1rem; }
.articles-archive{ padding-bottom: 58px; }
.article-category-nav{ display: flex; align-items: center; gap: clamp(14px, 2.8vw, 42px); border-bottom: 1px solid rgb(216, 200, 185); padding: 0px 4px 18px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.article-category-nav::-webkit-scrollbar{ display: none; }
.article-category-nav a{ color: rgb(90, 67, 53); text-decoration: none; font-weight: 600; font-size: 0.96rem; padding: 6px 0px; position: relative; }
.article-category-nav a.is-active{ color: rgb(47, 33, 27); }
.article-category-nav a.is-active::after{ content: ""; position: absolute; left: 0px; right: 0px; bottom: -19px; height: 3px; background: rgb(169, 120, 59); border-radius: 3px; }
.article-nav-arrow{ border: 0px; background: transparent; color: rgb(74, 53, 42); font-size: 1.7rem; line-height: 1; padding: 0px 6px; cursor: pointer; flex: 0 0 auto; }
.article-card-grid{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; margin-top: 38px; }
.article-card{ background: rgb(255, 255, 255); border: 1px solid rgb(234, 219, 202); box-shadow: rgba(63, 42, 32, 0.08) 0px 8px 22px; min-width: 0px; display: flex; flex-direction: column; overflow: hidden; }
.article-card-media{ display: block; aspect-ratio: 16 / 10; background: rgb(234, 223, 206); overflow: hidden; }
.article-card-media img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; }
.article-card:hover .article-card-media img{ transform: scale(1.04); }
.article-card-body{ padding: 17px 17px 19px; display: flex; flex-direction: column; flex: 1 1 0%; }
.article-card-category{ color: rgb(160, 111, 53); font-size: 0.78rem; font-weight: 700; margin-bottom: 8px; }
.article-card h2{ font-size: 1.08rem; line-height: 1.45; margin: 0px 0px 8px; color: rgb(59, 41, 32); }
.article-card h2 a{ color: inherit; text-decoration: none; }
.article-card p{ font-size: 0.9rem; line-height: 1.65; color: rgb(119, 103, 94); margin: 0px 0px 14px; }
.article-card-link{ margin-top: auto; color: rgb(142, 96, 46); font-weight: 700; text-decoration: none; font-size: 0.9rem; }
.article-card-link span{ font-size: 1.1em; margin-left: 4px; }
.articles-list{ padding-bottom: 70px; }
@media (max-width: 1100px){.article-card-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; }}
@media (max-width: 640px){.articles-archive-hero{ padding-top: 42px; }}
@media (max-width: 640px){.articles-archive-hero p{ font-size: 0.92rem; }}
@media (max-width: 640px){.article-category-nav{ gap: 22px; }}
@media (max-width: 640px){.article-card-grid{ grid-template-columns: 1fr; margin-top: 26px; }}
@media (max-width: 640px){.article-card-body{ padding: 15px 16px 17px; }}
.article-single-page{ background: rgb(251, 248, 243); padding: 40px 20px 90px; color: rgb(63, 42, 32); }
.article-back-link{ display: inline-flex; color: rgb(142, 96, 46); text-decoration: none; font-weight: 700; margin-bottom: 26px; }
.article-single{ max-width: 820px; margin: 0px auto; background: rgb(255, 255, 255); border: 1px solid rgb(234, 219, 202); padding: clamp(28px, 5vw, 64px); box-shadow: rgba(63, 42, 32, 0.07) 0px 10px 28px; }
.article-single .eyebrow{ display: block; color: rgb(160, 111, 53); font-weight: 700; margin-bottom: 10px; }
.article-single h1{ font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.2; margin: 0px 0px 18px; color: rgb(59, 41, 32); }
.article-single-lead{ font-size: 1.1rem; line-height: 1.8; color: rgb(119, 103, 94); margin: 0px 0px 34px; padding-bottom: 26px; border-bottom: 1px solid rgb(234, 219, 202); }
.article-single-content section + section{ margin-top: 26px; }
.article-single-content h2{ font-size: 1.35rem; margin: 0px 0px 8px; color: rgb(142, 96, 46); }
.article-single-content p{ font-size: 1rem; line-height: 1.85; color: rgb(93, 75, 65); margin: 0px; }
.article-single-cta{ display: flex; gap: 12px; flex-wrap: wrap; margin-top: 40px; padding-top: 24px; border-top: 1px solid rgb(234, 219, 202); }
@media (max-width: 640px){.article-single-page{ padding: 28px 14px 60px; }}
@media (max-width: 640px){.article-single{ padding: 26px 20px; }}
@media (max-width: 640px){.article-single-cta .button{ width: 100%; text-align: center; }}
.article-category-nav > button:not(.article-nav-arrow){ border: 0px; background: transparent; color: rgb(90, 67, 53); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 600; font-size: 0.96rem; padding: 6px 0px; position: relative; cursor: pointer; white-space: nowrap; }
.article-category-nav > button:not(.article-nav-arrow).is-active{ color: rgb(47, 33, 27); }
.article-category-nav > button:not(.article-nav-arrow).is-active::after{ content: ""; position: absolute; left: 0px; right: 0px; bottom: -19px; height: 3px; background: rgb(169, 120, 59); border-radius: 3px; }
.article-card[hidden]{ display: none; }
.article-single-featured{ margin: 0px 0px 32px; border-radius: 16px; overflow: hidden; background: rgb(244, 234, 223); }
.article-single-featured img{ display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.article-single-featured figcaption{ padding: 9px 14px; color: rgb(128, 107, 92); font-size: 0.78rem; }
.article-related{ margin-top: 42px; padding-top: 26px; border-top: 1px solid rgb(234, 219, 202); }
.article-related h2{ font-size: 1.35rem; color: rgb(142, 96, 46); margin: 0px 0px 14px; }
.article-related-grid{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.article-related-grid a{ display: flex; justify-content: space-between; gap: 10px; padding: 13px 15px; border: 1px solid rgb(234, 219, 202); border-radius: 10px; color: rgb(90, 67, 53); text-decoration: none; background: rgb(255, 250, 244); font-weight: 600; font-size: 0.9rem; }
.article-related-grid a:hover,.article-related-grid a:focus-visible{ border-color: rgb(184, 137, 82); background: rgb(248, 239, 229); }
@media (max-width: 640px){.article-related-grid{ grid-template-columns: 1fr; }}
@media (max-width: 640px){.article-category-nav > button:not(.article-nav-arrow){ font-size: 0.88rem; }}
.article-single-meta{ display: flex; gap: 16px; flex-wrap: wrap; color: rgb(138, 117, 101); font-size: 0.8rem; margin: -18px 0px 22px; }
.article-single-meta time + time{ padding-left: 16px; border-left: 1px solid rgb(234, 219, 202); }
@media (max-width: 480px){.article-single-meta{ display: grid; gap: 5px; }}
@media (max-width: 480px){.article-single-meta time + time{ padding-left: 0px; border-left: 0px; }}
.article-card-placeholder{ display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 0.72; background: linear-gradient(135deg, rgb(248, 244, 236), rgb(238, 226, 210)); color: rgb(169, 136, 86); }
.article-card-placeholder svg{ width: 58px; height: 58px; fill: none; stroke: currentcolor; stroke-width: 1.5; }
.article-single-placeholder{ display: grid; place-items: center; min-height: clamp(220px, 34vw, 420px); background: linear-gradient(135deg, rgb(248, 244, 236), rgb(238, 226, 210)); color: rgb(169, 136, 86); }
.article-single-placeholder svg{ width: 92px; height: 92px; fill: none; stroke: currentcolor; stroke-width: 1.35; }
.article-single-placeholder figcaption{ margin-top: 12px; color: rgb(128, 107, 88); font-size: 0.8rem; }
@media (max-width: 620px){.article-card-placeholder{ aspect-ratio: 1 / 0.68; }}
@media (max-width: 620px){.article-card-placeholder svg{ width: 48px; height: 48px; }}
@media (max-width: 620px){.article-single-placeholder{ min-height: 220px; }}
@media (max-width: 620px){.article-single-placeholder svg{ width: 72px; height: 72px; }}
.faq-section .faq-list{ display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 14px !important; border-top: 0px !important; }
.faq-section .faq-item,.faq-section .faq-item:hover,.faq-section .faq-item:has(.faq-answer:not([hidden])){ border: 1px solid rgb(227, 212, 194) !important; border-radius: 16px !important; background: rgb(255, 253, 249) !important; box-shadow: rgba(52, 37, 30, 0.06) 0px 8px 22px !important; transform: none !important; overflow: hidden !important; }
.faq-section .faq-item:hover{ border-color: rgb(196, 154, 103) !important; box-shadow: rgba(52, 37, 30, 0.1) 0px 12px 26px !important; }
.faq-section .faq-question{ grid-template-columns: 32px minmax(0px, 1fr) 26px !important; align-items: center !important; min-height: 72px !important; padding: 16px !important; color: rgb(52, 37, 30) !important; font-size: 0.94rem !important; line-height: 1.5 !important; }
.faq-section .faq-number{ width: 28px; height: 28px; background: rgb(234, 215, 184); color: rgb(111, 75, 44) !important; }
.faq-section .faq-icon{ width: 26px; height: 26px; background: rgb(243, 232, 217); color: rgb(138, 98, 55) !important; }
.faq-section .faq-question[aria-expanded="true"] .faq-icon{ background: rgb(169, 136, 86); color: rgb(255, 255, 255); }
.faq-section .faq-answer{ padding: 0px 18px 18px 64px !important; color: rgb(111, 90, 72) !important; font-size: 0.86rem !important; line-height: 1.8 !important; }
.faq-section .faq-cta{ display: none !important; }
@media (max-width: 760px){.faq-section .faq-list{ grid-template-columns: 1fr !important; gap: 10px !important; }}
@media (max-width: 760px){.faq-section .faq-question{ grid-template-columns: 30px minmax(0px, 1fr) 24px !important; min-height: 66px !important; padding: 14px 13px !important; font-size: 0.86rem !important; }}
@media (max-width: 760px){.faq-section .faq-answer{ padding: 0px 14px 16px 56px !important; font-size: 0.82rem !important; }}
.faq-section .faq-list{ align-items: start !important; }
.faq-section .faq-item{ align-self: start !important; height: max-content !important; }
.faq-section .faq-question{ cursor: pointer; touch-action: manipulation; }
.faq-section .faq-question:focus-visible{ outline: rgb(169, 136, 86) solid 3px; outline-offset: 3px; border-radius: 10px; }
.faq-section .faq-icon{ flex-shrink: 0; }
@media (prefers-reduced-motion: reduce){.faq-section .faq-item,.faq-section .faq-icon{ transition: none !important; }}
.faq-section .faq-layout{ max-width: 1080px !important; }
.faq-section .faq-answer{ padding-top: 0px !important; }
.faq-section .faq-question[aria-expanded="true"] .faq-icon{ transform: none !important; font-size: 0px !important; }
.faq-section .faq-question[aria-expanded="true"] .faq-icon::before{ content: "−"; font-size: 1rem; line-height: 1; }
.faq-more > summary .faq-more-label{ transform: none !important; }
.faq-more[open] > summary .faq-more-icon{ transform: none !important; }
.faq-more[open] > summary .faq-more-label{ font-size: 0px !important; }
.faq-more[open] > summary .faq-more-label::after{ content: "แสดงคำถามน้อยลง"; font-size: 0.78rem; }
.faq-more[open] > summary .faq-more-icon{ font-size: 0px !important; }
.faq-more[open] > summary .faq-more-icon::before{ content: "−"; font-size: 1rem; line-height: 1; }
.psw-track-line[aria-disabled="true"]:hover,.psw-track-line[aria-disabled="true"]:focus-visible{ background: rgb(74, 48, 33) !important; border-color: rgb(169, 136, 86) !important; }
.nav-dropdown-list .nav-submenu{ display: grid; gap: 2px; margin: 2px 0px 4px; padding: 5px 0px 5px 12px; border-left: 2px solid rgb(234, 215, 184); }
.nav-dropdown-list .nav-submenu > span{ padding: 3px 10px; color: rgb(155, 135, 112); font-size: 0.68rem; font-weight: 700; }
.nav-dropdown-list .nav-submenu > a{ color: rgb(111, 75, 44); font-size: 0.78rem; font-weight: 600; min-height: 32px !important; padding: 6px 10px !important; }
.nav-dropdown-list .nav-submenu > a:hover,.nav-dropdown-list .nav-submenu > a:focus-visible{ background: rgb(248, 244, 236); color: rgb(52, 37, 30); }
@media (max-width: 1100px){.nav-dropdown-list .nav-submenu{ margin: 2px 0px 6px 10px; }}
.nav-dropdown-list .nav-submenu{ display: none !important; }
.nav-dropdown-list .nav-submenu.is-open{ display: grid !important; }
.nav-dropdown-list .nav-submenu-toggle{ display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 34px; margin: 2px 0px; padding: 7px 10px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(234, 218, 202) currentcolor currentcolor; border-image: none; background: transparent; color: rgb(138, 98, 55); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.75rem; font-weight: 700; text-align: left; cursor: pointer; }
.nav-dropdown-list .nav-submenu-toggle:hover,.nav-dropdown-list .nav-submenu-toggle:focus-visible{ background: rgb(248, 244, 236); color: rgb(52, 37, 30); }
.nav-dropdown-list .nav-submenu-toggle span{ font-size: 1rem; line-height: 1; }
.nav-dropdown-list .nav-submenu[hidden]{ display: none !important; }
.nav-dropdown-list .nav-item-with-toggle{ display: flex; align-items: center; gap: 4px; }
.nav-dropdown-list .nav-item-with-toggle > a{ flex: 1 1 0%; min-width: 0px; }
.nav-dropdown-list .nav-item-with-toggle .nav-submenu-toggle{ width: 34px; min-width: 34px; min-height: 34px; margin: 0px; padding: 4px; justify-content: center; border-top: 0px; }
.category-landing-hero p{ word-break: normal; overflow-wrap: normal; hyphens: none; }
.home-articles .section-heading{ flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; display: flex !important; }
.home-articles .section-heading > *{ width: 100%; max-width: 720px; margin-inline: auto; text-align: center; }
#product-modal .modal-backdrop{ background: rgba(35, 25, 18, 0.72); backdrop-filter: blur(5px); }
#product-modal .modal-dialog{ width: min(980px, 100% - 28px); max-height: min(92vh, 860px); overflow: hidden; border: 1px solid rgba(180, 151, 96, 0.28); border-radius: 26px; background: rgb(251, 248, 243); box-shadow: rgba(24, 16, 10, 0.34) 0px 28px 90px; }
#product-modal .modal-content{ padding: 24px; }
#product-modal .modal-layout{ grid-template-columns: minmax(0px, 1.02fr) minmax(360px, 0.98fr); gap: 30px; align-items: stretch; }
#product-modal .modal-image{ min-height: 0px; aspect-ratio: 4 / 5; border: 1px solid rgb(230, 218, 203); border-radius: 20px; background: linear-gradient(145deg, rgb(246, 239, 229), rgb(233, 223, 210)); box-shadow: rgba(74, 48, 27, 0.1) 0px 12px 28px; }
#product-modal .modal-image img{ object-fit: cover; }
#product-modal .modal-product-panel{ display: flex; flex-direction: column; min-width: 0px; padding: 8px 4px 2px; }
#product-modal .modal-category{ display: inline-flex; align-items: center; width: max-content; padding: 5px 10px; border-radius: 999px; background: rgb(240, 229, 211); color: rgb(139, 100, 52); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.04em; }
#product-modal .modal-product-panel h2{ margin: 10px 0px 14px; color: rgb(52, 37, 30); font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.2; letter-spacing: -0.025em; }
#product-modal .modal-code-row{ display: flex; align-items: center; gap: 9px; margin: 0px 0px 12px; color: rgb(128, 109, 90); font-size: 0.75rem; }
#product-modal .modal-code-row strong{ padding: 4px 9px; border-radius: 7px; background: rgb(239, 232, 223); color: rgb(79, 57, 43); font-size: 0.8rem; }
#product-modal .modal-price-block{ display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0px 0px 13px; padding: 14px 16px; border: 1px solid rgb(228, 217, 203); border-radius: 14px; background: rgb(255, 253, 251); }
#product-modal .modal-price-block span{ color: rgb(120, 102, 82); font-size: 0.82rem; }
#product-modal .modal-price-block strong{ color: rgb(143, 99, 49); font-size: 1.35rem; line-height: 1.2; text-align: right; }
#product-modal .modal-benefit-tags{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
#product-modal .modal-benefit-tags span{ display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; border: 1px solid rgb(227, 212, 194); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(109, 87, 67); font-size: 0.72rem; font-weight: 650; }
#product-modal .modal-benefit-tags span::before{ content: "✓"; display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: rgb(241, 227, 207); color: rgb(152, 109, 57); font-size: 0.62rem; font-weight: 800; }
#product-modal .modal-delivery-note{ display: flex; align-items: flex-start; gap: 11px; margin: 0px 0px 12px; padding: 13px 14px; border: 1px solid rgb(234, 223, 206); border-radius: 13px; background: rgb(246, 240, 232); color: rgb(117, 97, 78); }
#product-modal .modal-delivery-note > span:first-child{ display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: rgb(232, 213, 183); color: rgb(131, 93, 48); font-size: 0.9rem; }
#product-modal .modal-delivery-note strong,#product-modal .modal-delivery-note small{ display: block; }
#product-modal .modal-delivery-note strong{ color: rgb(73, 53, 40); font-size: 0.8rem; }
#product-modal .modal-delivery-note small{ margin-top: 2px; font-size: 0.68rem; line-height: 1.55; }
#product-modal .modal-service-grid{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px; margin-bottom: 13px; }
#product-modal .modal-service-grid > div{ display: flex; align-items: flex-start; gap: 9px; min-width: 0px; padding: 12px; border: 1px solid rgb(230, 218, 206); border-radius: 13px; background: rgb(255, 255, 255); }
#product-modal .modal-service-icon{ display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; background: rgb(243, 234, 223); color: rgb(136, 97, 59); }
#product-modal .modal-service-icon svg{ width: 17px; height: 17px; }
#product-modal .modal-service-grid p{ margin: 0px; min-width: 0px; }
#product-modal .modal-service-grid strong,#product-modal .modal-service-grid small{ display: block; }
#product-modal .modal-service-grid strong{ color: rgb(81, 59, 45); font-size: 0.72rem; line-height: 1.4; }
#product-modal .modal-service-grid small{ margin-top: 2px; color: rgb(138, 118, 99); font-size: 0.63rem; line-height: 1.45; }
#product-modal .modal-service-list{ display: grid; gap: 0px; margin: 0px 0px 13px; border-top: 1px solid rgb(229, 221, 212); }
#product-modal .modal-service-list > div{ display: flex; align-items: flex-start; gap: 12px; padding: 11px 0px; border-bottom: 1px solid rgb(229, 221, 212); }
#product-modal .modal-service-list > div:last-child{ border-bottom: 0px; }
#product-modal .modal-service-list > div > span{ display: grid; flex: 0 0 24px; width: 24px; height: 24px; place-items: center; color: rgb(173, 123, 35); font-size: 1.05rem; line-height: 1; }
#product-modal .modal-service-list .modal-camera-icon svg,#product-modal .modal-service-list .modal-doc-icon svg{ width: 19px; height: 19px; }
#product-modal .modal-service-list p{ margin: 0px; min-width: 0px; }
#product-modal .modal-service-list strong,#product-modal .modal-service-list small{ display: block; }
#product-modal .modal-service-list strong{ color: rgb(52, 37, 30); font-size: 0.78rem; line-height: 1.4; }
#product-modal .modal-service-list small{ margin-top: 2px; color: rgb(123, 107, 91); font-size: 0.68rem; line-height: 1.5; }
#product-modal .modal-product-note{ display: flex; gap: 8px; margin: 0px 0px 12px; padding: 11px 13px; border-width: 0px 0px 0px 3px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(180, 151, 96); border-image: none; border-radius: 0px 10px 10px 0px; background: rgb(243, 236, 226); color: rgb(110, 89, 71); font-size: 0.7rem; line-height: 1.55; }
#product-modal .modal-product-note strong{ color: rgb(81, 58, 42); white-space: nowrap; }
#product-modal .placeholder-note{ margin: 0px 0px 12px; padding: 8px 10px; border: 0px; border-radius: 7px; background: rgb(255, 241, 207); color: rgb(140, 100, 46); font-size: 0.68rem; }
#product-modal .modal-order-panel{ order: 10; margin-top: auto; padding-top: 12px; border-top: 1px solid rgb(230, 218, 203); }
#product-modal .modal-order-label{ display: block; margin-bottom: 8px; color: rgb(148, 124, 101); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.03em; }
#product-modal .modal-line-button{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; margin: 0px; border: 0px; border-radius: 11px; background: rgb(52, 37, 30); color: rgb(255, 255, 255); box-shadow: rgba(52, 37, 30, 0.16) 0px 10px 20px; font-size: 0.86rem; font-weight: 750; transition: background 0.18s, transform 0.18s; }
#product-modal .modal-line-button:hover{ background: rgb(73, 49, 37); transform: translateY(-1px); }
#product-modal .modal-detail-link{ display: inline-flex; align-self: flex-start; margin-top: 10px; color: rgb(136, 96, 55); font-size: 0.72rem; font-weight: 700; }
#product-modal .modal-close{ top: 15px; right: 15px; width: 42px; height: 42px; border: 1px solid rgb(230, 218, 203); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(74, 53, 40); box-shadow: rgba(65, 44, 28, 0.1) 0px 6px 16px; font-size: 1.15rem; line-height: 1; }
#product-modal .modal-close:hover{ background: rgb(243, 233, 220); color: rgb(52, 37, 30); }
@media (max-width: 760px){#product-modal{ padding: 10px; }}
@media (max-width: 760px){#product-modal .modal-dialog{ width: 100%; max-height: calc(100dvh - 20px); border-radius: 20px; }}
@media (max-width: 760px){#product-modal .modal-content{ padding: 15px; }}
@media (max-width: 760px){#product-modal .modal-layout{ grid-template-columns: 1fr; gap: 17px; }}
@media (max-width: 760px){#product-modal .modal-image{ width: min(100%, 360px); height: auto; max-height: 300px; aspect-ratio: 4 / 3; margin-inline: auto; }}
@media (max-width: 760px){#product-modal .modal-product-panel{ padding: 0px 2px 2px; }}
@media (max-width: 760px){#product-modal .modal-product-panel h2{ padding-right: 42px; font-size: clamp(1.35rem, 6.3vw, 1.8rem); }}
@media (max-width: 760px){#product-modal .modal-service-grid{ gap: 8px; }}
@media (max-width: 760px){#product-modal .modal-service-grid > div{ padding: 10px; }}
@media (max-width: 430px){#product-modal .modal-content{ padding: 12px; }}
@media (max-width: 430px){#product-modal .modal-layout{ gap: 13px; }}
@media (max-width: 430px){#product-modal .modal-image{ max-height: 245px; }}
@media (max-width: 430px){#product-modal .modal-benefit-tags span{ font-size: 0.66rem; padding: 5px 8px; }}
@media (max-width: 430px){#product-modal .modal-service-grid{ grid-template-columns: 1fr; }}
@media (max-width: 430px){#product-modal .modal-price-block{ padding: 12px 13px; }}
@media (max-width: 430px){#product-modal .modal-price-block strong{ font-size: 1.15rem; }}
#product-modal .modal-dialog{ overflow: hidden auto; }
#product-modal .modal-content{ overflow: visible; }
#product-modal .modal-order-panel{ order: 0; margin-top: 0px; }
#product-modal .modal-order-panel:not(:has(.modal-line-button)){ display: none; }
#product-modal .modal-product-panel > .modal-line-button{ order: 20; margin-top: auto; flex: 0 0 auto; }
#product-modal .modal-fan-price-block{ display: block; padding: 0px; margin: 0px 0px 13px; border: 0px; background: transparent; }
#product-modal .modal-fan-price-table{ display: grid; gap: 8px; }
#product-modal .modal-fan-price-table > div{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; border: 1px solid rgb(228, 217, 203); border-radius: 11px; background: rgb(255, 253, 251); }
#product-modal .modal-fan-price-table span{ color: rgb(120, 102, 82); font-size: 0.84rem; }
#product-modal .modal-fan-price-table strong{ color: rgb(143, 99, 49); font-size: 1.08rem; line-height: 1.2; }
@media (max-width: 430px){#product-modal .modal-fan-price-table > div{ padding: 9px 11px; }}
@media (max-width: 430px){#product-modal .modal-fan-price-table strong{ font-size: 1rem; }}
#product-modal .modal-fan-layout{ align-items: start; }
#product-modal .modal-fan-layout .modal-image{ aspect-ratio: 4 / 4.5; max-height: 560px; }
#product-modal .modal-fan-layout .modal-image .modal-product-note{ margin: 12px 12px 0px; padding: 11px 12px; font-size: 0.78rem; line-height: 1.45; }
#product-modal .modal-fan-layout .modal-image .modal-product-note span{ display: block; margin-top: 3px; }
@media (max-width: 760px){#product-modal .modal-fan-layout .modal-image{ max-height: 300px; aspect-ratio: 4 / 3; }}
@media (max-width: 760px){#product-modal .modal-fan-layout .modal-image .modal-product-note{ margin: 10px 8px 0px; }}
@media screen and (max-width: 760px){#product-modal .modal-dialog{ margin: 0px auto; overflow-x: hidden; width: calc(-20px + 100vw) !important; max-width: calc(-20px + 100vw) !important; }}
@media screen and (max-width: 760px){#product-modal .modal-content{ width: 100%; min-width: 0px; max-width: 100%; overflow-x: hidden; }}
@media screen and (max-width: 760px){#product-modal .modal-layout{ width: 100%; min-width: 0px; max-width: 100%; gap: 16px; display: flex !important; flex-direction: column !important; }}
@media screen and (max-width: 760px){#product-modal .modal-image{ min-width: 0px; max-height: 270px; aspect-ratio: 4 / 3; margin-inline: 0px; width: 100% !important; max-width: 100% !important; }}
@media screen and (max-width: 760px){#product-modal .modal-product-panel{ width: 100%; min-width: 0px; max-width: 100%; overflow-wrap: anywhere; }}
@media screen and (max-width: 760px){#product-modal .modal-product-panel h2{ white-space: normal; overflow-wrap: break-word; }}
@media screen and (max-width: 760px){#product-modal .modal-price-block,#product-modal .modal-benefit-tags,#product-modal .modal-service-grid,#product-modal .modal-delivery-note,#product-modal .modal-product-note{ max-width: 100%; min-width: 0px; }}
@media screen and (max-width: 760px){#product-modal .modal-service-grid{ grid-template-columns: 1fr; }}
@media screen and (max-width: 760px){#product-modal .modal-product-panel > .modal-line-button{ width: 100%; max-width: 100%; }}
@media screen and (max-width: 390px){#product-modal{ padding: 6px !important; }}
@media screen and (max-width: 390px){#product-modal .modal-dialog{ border-radius: 16px; width: calc(-12px + 100vw) !important; max-width: calc(-12px + 100vw) !important; }}
@media screen and (max-width: 390px){#product-modal .modal-content{ padding: 11px !important; }}
@media screen and (max-width: 390px){#product-modal .modal-layout{ gap: 12px; }}
@media screen and (max-width: 390px){#product-modal .modal-image{ max-height: 220px; }}
@media screen and (max-width: 390px){#product-modal .modal-product-panel h2{ font-size: 1.35rem; }}
@media screen and (max-width: 390px){#product-modal .modal-price-block{ padding: 10px 11px; }}
@media screen and (max-width: 900px){#product-modal .modal-dialog{ max-width: 980px; max-height: calc(100dvh - 24px); overflow-x: hidden; width: calc(-24px + 100vw) !important; }}
@media screen and (max-width: 900px){#product-modal .modal-content{ width: 100%; min-width: 0px; max-width: 100%; padding: 16px; overflow-x: hidden; }}
@media screen and (max-width: 900px){#product-modal .modal-layout{ width: 100%; min-width: 0px; max-width: 100%; gap: 16px; display: flex !important; flex-direction: column !important; }}
@media screen and (max-width: 900px){#product-modal .modal-image{ min-width: 0px; max-height: 360px; aspect-ratio: 4 / 3; margin-inline: auto; width: min(100%, 520px) !important; max-width: 100% !important; }}
@media screen and (max-width: 900px){#product-modal .modal-product-panel{ width: 100%; min-width: 0px; max-width: 100%; overflow-wrap: anywhere; }}
@media screen and (max-width: 900px){#product-modal .modal-product-panel h2{ white-space: normal; overflow-wrap: break-word; }}
@media screen and (max-width: 900px){#product-modal .modal-service-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media screen and (max-width: 520px){#product-modal .modal-dialog{ max-height: calc(100dvh - 12px); border-radius: 17px; width: calc(-12px + 100vw) !important; }}
@media screen and (max-width: 520px){#product-modal .modal-content{ padding: 11px !important; }}
@media screen and (max-width: 520px){#product-modal .modal-layout{ gap: 12px; }}
@media screen and (max-width: 520px){#product-modal .modal-image{ max-height: 240px; }}
@media screen and (max-width: 520px){#product-modal .modal-service-grid{ grid-template-columns: 1fr; }}
#product-modal .modal-dialog{ height: min(760px, 100dvh - 28px); min-height: 0px; scrollbar-gutter: stable; }
#product-modal .modal-content{ height: 100%; min-height: 0px; }
#product-modal .modal-layout{ height: 100%; min-height: 0px; }
#product-modal .modal-image{ height: 100%; min-height: 0px; aspect-ratio: auto; }
#product-modal .modal-product-panel{ min-height: 0px; overflow-y: auto; scrollbar-gutter: stable; padding-right: 6px; }
#product-modal .modal-product-panel > .modal-line-button{ flex-shrink: 0; }
@media screen and (max-width: 900px){#product-modal .modal-dialog{ height: min(820px, 100dvh - 24px); }}
@media screen and (max-width: 900px){#product-modal .modal-content{ height: auto; min-height: 100%; }}
@media screen and (max-width: 900px){#product-modal .modal-layout{ height: auto; min-height: 0px; }}
@media screen and (max-width: 900px){#product-modal .modal-image{ height: clamp(210px, 42vw, 340px); aspect-ratio: 4 / 3; }}
@media screen and (max-width: 900px){#product-modal .modal-product-panel{ overflow: visible; padding-right: 0px; }}
@media screen and (max-width: 520px){#product-modal .modal-dialog{ height: calc(100dvh - 12px); }}
@media screen and (max-width: 520px){#product-modal .modal-image{ height: clamp(190px, 58vw, 240px); }}
#product-modal .modal-image img{ background: rgb(243, 234, 223); object-fit: contain !important; }
#product-modal .modal-fan-layout .modal-image{ display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; height: auto !important; min-height: 0px !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; padding: 0px !important; }
#product-modal .modal-fan-layout .modal-image > img{ background: rgb(243, 234, 223); border-radius: 19px 19px 0px 0px; display: block !important; width: 100% !important; height: clamp(360px, 42vh, 500px) !important; flex: 0 0 auto !important; object-fit: contain !important; }
#product-modal .modal-fan-layout .modal-image .modal-product-note{ display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; flex: 0 0 auto !important; width: auto !important; margin: 0px !important; padding: 11px 13px !important; border-width: 1px 0px 0px 3px !important; border-style: solid none none solid !important; border-color: rgb(230, 218, 203) currentcolor currentcolor rgb(180, 151, 96) !important; border-image: none !important; border-radius: 0px !important; background: rgb(243, 236, 226) !important; font-size: 0.76rem !important; line-height: 1.5 !important; overflow: visible !important; }
#product-modal .modal-fan-layout .modal-image .modal-product-note span{ display: block !important; margin-top: 0px !important; }
@media screen and (max-width: 900px){#product-modal .modal-fan-layout .modal-image > img{ height: clamp(230px, 48vw, 340px) !important; }}
@media screen and (max-width: 520px){#product-modal .modal-fan-layout .modal-image > img{ height: clamp(190px, 58vw, 250px) !important; }}
@media screen and (max-width: 520px){#product-modal .modal-fan-layout .modal-image .modal-product-note{ padding: 9px 10px !important; font-size: 0.7rem !important; }}
#product-modal .modal-fan-layout .modal-benefit-tags{ flex-wrap: wrap; gap: 8px; display: flex !important; margin: 0px 0px 14px !important; }
#product-modal .modal-fan-layout .modal-benefit-tags span{ display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid rgb(228, 212, 191); border-radius: 999px; background: rgb(255, 253, 249); color: rgb(111, 85, 62); font-size: 0.76rem; line-height: 1.2; font-weight: 600; }
#product-modal .modal-fan-layout .modal-benefit-tags span::before{ content: "✓"; display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: rgb(240, 227, 207); color: rgb(155, 113, 55); font-size: 0.68rem; font-weight: 700; }
@media screen and (max-width: 520px){#product-modal .modal-fan-layout .modal-benefit-tags{ gap: 6px; margin-bottom: 11px !important; }}
@media screen and (max-width: 520px){#product-modal .modal-fan-layout .modal-benefit-tags span{ padding: 6px 8px; font-size: 0.7rem; }}
#product-modal .modal-fan-layout .modal-image .modal-order-panel{ width: 100%; display: block !important; margin: 0px !important; padding: 12px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(230, 218, 203) currentcolor currentcolor !important; border-image: none !important; background: rgb(243, 236, 226) !important; border-radius: 0px 0px 19px 19px !important; }
#product-modal .modal-fan-layout .modal-image .modal-order-label{ display: block; margin: 0px 0px 7px; color: rgb(148, 124, 101); font-size: 0.68rem; font-weight: 800; }
#product-modal .modal-fan-layout .modal-image .modal-line-button{ min-height: 46px; border-radius: 10px; font-size: 0.82rem; }
@media screen and (max-width: 520px){#product-modal .modal-fan-layout .modal-image .modal-order-panel{ padding: 9px 10px 10px !important; }}
@media screen and (max-width: 520px){#product-modal .modal-fan-layout .modal-image .modal-line-button{ min-height: 44px; font-size: 0.78rem; }}
#product-modal .modal-dialog:has(.modal-fan-layout){ height: auto !important; max-height: min(92vh, 860px) !important; overflow-y: auto !important; }
#product-modal .modal-dialog:has(.modal-fan-layout) .modal-content,#product-modal .modal-dialog:has(.modal-fan-layout) .modal-layout{ height: auto !important; min-height: 0px !important; }
#product-modal .modal-dialog:has(.modal-fan-layout) .modal-product-panel{ overflow: visible !important; }
@media screen and (max-width: 900px){#product-modal .modal-dialog:has(.modal-fan-layout){ max-height: calc(100dvh - 24px) !important; }}
@media screen and (max-width: 520px){#product-modal .modal-dialog:has(.modal-fan-layout){ max-height: calc(100dvh - 12px) !important; }}
#product-modal .modal-benefit-tags{ display: none !important; }
#product-modal .modal-order-panel{ margin-bottom: 12px; }
@media (max-width: 430px){#product-modal .modal-order-panel{ margin-bottom: 10px; }}
.catalog-fan-page .fan-subgroup .fan-product-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; overflow: visible; }
.catalog-fan-page .fan-subgroup + .fan-subgroup{ margin-top: 48px; }
.catalog-fan-page .fan-catalog-grid{ display: block; }
.catalog-fan-page .fan-subgroup .product-card{ width: auto; max-width: none; }
.catalog-fan-page .product-card,.catalog-home-fan .product-card{ display: flex; flex-direction: column; height: 100%; }
.catalog-fan-page .product-card .product-body,.catalog-home-fan .product-card .product-body{ display: flex; flex: 1 1 0%; flex-direction: column; }
.catalog-fan-page .product-card .product-actions,.catalog-home-fan .product-card .product-actions{ margin-top: auto; }
.catalog-fan-page .product-card .product-meta,.catalog-home-fan .product-card .product-meta{ min-height: 58px; }
.catalog-fan-page .product-card .product-meta,.catalog-home-fan .product-card .product-meta{ border-top: 1px solid var(--stone); border-bottom: 1px solid var(--stone); padding: 12px 0px; margin: 10px 0px 14px; }
.fan-brand-tag{ display: inline-flex; align-items: center; margin-left: 6px; padding: 4px 9px; border: 1px solid var(--champagne); border-radius: 999px; background: rgb(255, 250, 242); color: rgb(139, 101, 54); font-size: 0.78rem; font-weight: 600; line-height: 1.2; white-space: nowrap; }
@media (max-width: 1000px){.catalog-fan-page .fan-subgroup .fan-product-grid{ grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }}
@media (max-width: 620px){.catalog-fan-page .fan-subgroup + .fan-subgroup{ margin-top: 32px; }}
@media (max-width: 620px){.catalog-fan-page .fan-subgroup .fan-product-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 10px; }}
.order-process{ color: rgb(255, 255, 255); padding-block: clamp(46px, 7vw, 78px); background: var(--plum,#52362d) !important; }
@media (max-width: 560px){.order-process{ padding-block: 42px; }}
.catalog-home-fan .fan-home-major-heading .slider-controls{ display: none !important; }
.catalog-home-fan .fan-home-major-group .products{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; overflow: visible; padding: 0px; margin: 0px; }
.catalog-home-fan .fan-home-major-group .products .product-card{ min-width: 0px; flex: initial; }
@media (max-width: 980px){.catalog-home-fan .fan-home-major-group .products{ grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }}
@media (max-width: 560px){.catalog-home-fan .fan-home-major-group .products{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }}
@media screen and (max-width: 1100px){#product-modal .modal-dialog:has(.modal-fan-layout){ width: calc(-28px + 100vw) !important; max-width: 980px !important; height: auto !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto !important; }}
@media screen and (max-width: 1100px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-content{ height: auto !important; min-height: 0px !important; padding: 16px !important; }}
@media screen and (max-width: 1100px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-layout{ display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 16px !important; height: auto !important; min-height: 0px !important; }}
@media screen and (max-width: 1100px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-image{ width: min(100%, 560px) !important; max-width: 100% !important; margin-inline: auto !important; }}
@media screen and (max-width: 1100px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-image > img{ height: clamp(260px, 38vw, 390px) !important; }}
@media screen and (max-width: 1100px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-product-panel{ width: 100% !important; overflow: visible !important; }}
@media screen and (max-width: 600px){#product-modal:has(.modal-fan-layout){ overflow: hidden !important; }}
@media screen and (max-width: 600px){#product-modal .modal-dialog:has(.modal-fan-layout){ overflow: hidden !important; max-height: calc(100dvh - 12px) !important; }}
@media screen and (max-width: 600px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-content{ overscroll-behavior: contain; max-height: calc(100dvh - 12px) !important; overflow: hidden auto !important; }}
@media screen and (max-width: 900px){#product-modal{ overflow: hidden !important; }}
@media screen and (max-width: 900px){#product-modal .modal-dialog{ overflow: hidden !important; }}
@media screen and (max-width: 900px){#product-modal .modal-content{ overscroll-behavior: contain; max-height: calc(100dvh - 24px) !important; overflow: hidden auto !important; }}
html.modal-scroll-locked,body.modal-scroll-locked{ overflow: hidden !important; overscroll-behavior: none !important; }
@media screen and (max-width: 900px){#product-modal .modal-dialog:has(.modal-fan-layout){ overflow: hidden !important; }}
@media screen and (max-width: 900px){#product-modal .modal-dialog:has(.modal-fan-layout) .modal-content{ overflow: hidden auto !important; }}
@media screen and (max-width: 900px){html:has(body.modal-open),body.modal-open{ overflow: hidden !important; overscroll-behavior: none !important; }}
.modal-detail-link{ display: inline-flex; align-items: center; margin-top: 14px; color: rgb(147, 103, 44); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.preview-product-page{ background: rgb(251, 248, 243); color: rgb(52, 37, 30); }
.preview-product-content .back-to-catalog:hover,.preview-product-content .back-to-catalog:focus-visible{ background: rgb(52, 37, 30); color: rgb(255, 255, 255); }
.preview-product-page{ overflow-x: hidden; background: rgb(255, 253, 249); }
#product-modal .modal-service-list .modal-camera-icon svg,#product-modal .modal-service-list .modal-doc-icon svg,#product-modal .modal-service-list .modal-delivery-icon svg{ width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.preview-detail-faq{ padding: clamp(42px, 6vw, 76px) 0px; }
.preview-related-card:hover{ transform: translateY(-3px); box-shadow: rgba(70, 45, 30, 0.09) 0px 15px 30px; }
.preview-related-card:focus-visible,.preview-detail-faq summary:focus-visible{ outline: rgba(169, 136, 86, 0.4) solid 3px; outline-offset: 3px; }
.preview-detail-faq-list{ display: grid; gap: 10px; max-width: 880px; }
.preview-detail-faq-list details{ overflow: hidden; border: 1px solid rgb(227, 210, 185); border-radius: 15px; background: rgb(255, 253, 250); }
.preview-detail-faq-list summary{ display: grid; grid-template-columns: 36px minmax(0px, 1fr) 20px; gap: 12px; align-items: center; min-height: 60px; padding: 12px 16px; cursor: pointer; list-style: none; color: rgb(52, 37, 30); }
.preview-detail-faq-list summary::-webkit-details-marker{ display: none; }
.preview-detail-faq-list summary span{ display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(240, 223, 193); color: rgb(124, 94, 54); font-size: 0.72rem; font-weight: 800; }
.preview-detail-faq-list summary i{ position: relative; width: 18px; height: 18px; }
.preview-detail-faq-list summary i::before,.preview-detail-faq-list summary i::after{ content: ""; position: absolute; inset: 8px 2px auto; background: rgb(169, 136, 86); height: 2px; }
.preview-detail-faq-list summary i::after{ transform: rotate(90deg); transition: transform 0.18s; }
.preview-detail-faq-list details[open] summary i::after{ transform: rotate(0deg); }
.preview-detail-faq-list details > div{ padding: 0px 20px 18px 64px; color: rgb(113, 93, 80); line-height: 1.75; }
.preview-detail-faq-list details > div p{ margin: 0px; }
@media (max-width: 600px){.preview-detail-faq{ padding: 38px 0px; }}
@media (max-width: 600px){.preview-detail-faq-list summary{ grid-template-columns: 32px minmax(0px, 1fr) 18px; gap: 9px; padding: 11px 12px; }}
@media (max-width: 600px){.preview-detail-faq-list details > div{ padding: 0px 14px 16px 53px; font-size: 0.9rem; }}
.preview-review-controls button:focus-visible{ outline: rgba(169, 136, 86, 0.4) solid 3px; outline-offset: 3px; }
.preview-product-page .preview-product-modal-surface{ overflow: hidden; border: 1px solid rgb(226, 207, 180); border-radius: 28px; background: rgb(255, 253, 249); box-shadow: rgba(52, 37, 30, 0.09) 0px 18px 48px; }
.preview-product-page .preview-product-modal-layout{ display: grid; grid-template-columns: minmax(0px, 0.96fr) minmax(0px, 1.04fr); align-items: stretch; gap: 0px; }
.preview-product-page .preview-product-modal-image{ display: grid; place-items: center; min-width: 0px; min-height: 640px; padding: clamp(24px, 4vw, 48px); border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(232, 216, 195) currentcolor currentcolor; border-image: none; border-radius: 0px; background: rgb(248, 244, 236); }
.preview-product-page .preview-product-modal-image img{ display: block; width: 100%; height: 100%; max-height: 590px; object-fit: contain; }
.preview-product-page .preview-product-modal-panel{ min-width: 0px; padding: clamp(34px, 4vw, 56px); color: rgb(52, 37, 30); }
.preview-product-page .preview-product-modal-panel .modal-category{ display: inline-flex; margin-bottom: 16px; padding: 7px 13px; border-radius: 999px; color: rgb(138, 97, 47); background: rgb(241, 229, 210); font-weight: 700; }
.preview-product-page .preview-product-modal-panel h1{ max-width: 13ch; margin: 0px 0px 18px; font-size: clamp(2.35rem, 4.2vw, 3.55rem); line-height: 1.06; letter-spacing: -0.035em; }
.preview-product-page .preview-product-modal-pricing{ overflow: hidden; margin: 0px 0px 14px; border: 1px solid rgb(223, 201, 170); border-radius: 14px; background: rgb(255, 255, 255); }
.preview-product-page .preview-product-modal-pricing > div{ display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; padding: 10px 16px; }
.preview-product-page .preview-product-modal-pricing > div + div{ border-top: 1px solid rgb(234, 220, 202); }
.preview-product-page .preview-product-modal-pricing strong{ color: rgb(150, 101, 47); font-size: 1.15rem; }
.preview-product-page .preview-product-modal-tags{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 14px; }
.preview-product-page .preview-product-modal-tags > span{ display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 7px 12px; border: 1px solid rgb(223, 201, 170); border-radius: 999px; color: rgb(114, 89, 70); background: rgb(255, 255, 255); font-weight: 700; }
.preview-product-page .preview-product-modal-tags i{ display: grid; place-items: center; width: 17px; height: 17px; border: 1px solid rgb(223, 201, 170); border-radius: 50%; color: rgb(169, 136, 86); font-size: 0.7rem; font-style: normal; }
.preview-product-page .preview-product-modal-services{ margin: 0px; border-top: 1px solid rgb(231, 216, 196); }
.preview-product-page .preview-product-modal-services .modal-service-item{ display: grid; grid-template-columns: 30px minmax(0px, 1fr); align-items: center; gap: 12px; min-height: 64px; padding: 10px 4px; border-bottom: 1px solid rgb(231, 216, 196); }
.preview-product-page .preview-product-modal-services .modal-service-icon{ display: grid; place-items: center; width: 30px; height: 30px; color: rgb(177, 118, 34); }
.preview-product-page .preview-product-modal-services svg{ width: 22px; height: 22px; }
.preview-product-page .preview-product-modal-services p{ margin: 0px; }
.preview-product-page .preview-product-modal-services strong,.preview-product-page .preview-product-modal-services small{ display: block; }
.preview-product-page .preview-product-modal-services small{ margin-top: 2px; color: rgb(133, 111, 97); line-height: 1.4; }
.preview-product-page .preview-product-modal-note{ display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 10px; margin: 14px 0px 0px; padding: 14px 16px; border-width: 0px 0px 0px 3px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(169, 136, 86); border-image: none; border-radius: 0px 12px 12px 0px; color: rgb(113, 91, 76); background: rgb(248, 244, 236); font-size: 0.9rem; line-height: 1.55; }
.preview-product-page .preview-product-modal-note p{ margin: 0px; }
.preview-product-page .preview-product-modal-panel .line-button{ width: 100%; min-height: 52px; justify-content: center; border-radius: 12px; }
@media (max-width: 900px){.preview-product-page .preview-product-modal-layout{ grid-template-columns: 1fr; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-image{ width: 100%; max-width: none; justify-self: stretch; min-height: 440px; max-height: 520px; border-right: 0px; border-bottom: 1px solid rgb(232, 216, 195); }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-image img{ width: 100%; max-width: 100%; max-height: 450px; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-panel h1{ max-width: none; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-surface{ border-radius: 20px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-image{ min-height: 330px; height: 55vh; max-height: 430px; padding: 18px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-image img{ max-height: 390px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-panel{ padding: 24px 18px 26px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-panel h1{ font-size: clamp(2rem, 10vw, 2.7rem); }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-note{ grid-template-columns: 1fr; gap: 4px; }}
.preview-product-page .preview-product-modal-surface{ isolation: isolate; overflow: hidden; background: rgb(255, 253, 249); }
.preview-product-page .preview-product-modal-layout{ align-items: stretch; width: 100%; max-width: 100%; min-width: 0px; gap: 0px; margin: 0px; display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; }
.preview-product-page .preview-product-modal-image,.preview-product-page .preview-product-modal-panel{ position: relative; inset: auto; float: none; grid-column: auto; min-width: 0px; max-width: none; margin: 0px; transform: none; box-sizing: border-box; width: auto !important; }
.preview-product-page .preview-product-modal-image{ grid-column: 1; background: rgb(248, 244, 236); }
.preview-product-page .preview-product-modal-panel{ grid-column: 2; background: rgb(255, 253, 249); }
@media (max-width: 900px){.preview-product-page .preview-product-modal-layout{ grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-image,.preview-product-page .preview-product-modal-panel{ grid-column: 1; }}
.preview-product-page .preview-product-modal-surface{ isolation: isolate; overflow: hidden; border: 1px solid rgb(226, 207, 180); border-radius: 24px; background: rgb(255, 253, 249); box-shadow: rgba(52, 37, 30, 0.07) 0px 16px 42px; }
.preview-product-page .preview-product-modal-layout{ align-items: center; width: 100%; max-width: 100%; min-width: 0px; gap: 0px; margin: 0px; display: grid !important; grid-template-columns: minmax(0px, 0.92fr) minmax(410px, 1.08fr) !important; }
.preview-product-page .preview-product-modal-image,.preview-product-page .preview-product-modal-panel{ position: relative; inset: auto; float: none; grid-column: auto; min-width: 0px; max-width: none; margin: 0px; transform: none; box-sizing: border-box; background: rgb(255, 253, 249); width: auto !important; }
.preview-product-page .preview-product-modal-image{ display: grid; place-items: center; padding: clamp(24px, 3.4vw, 42px); border: 0px; border-radius: 0px; min-height: 0px !important; height: auto !important; max-height: none !important; }
.preview-product-page .preview-product-modal-image img{ display: block; width: 100%; max-width: 100%; object-fit: contain; object-position: center center; height: auto !important; max-height: 500px !important; }
.preview-product-page .preview-product-modal-panel{ display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 3.5vw, 42px); }
.preview-product-page .preview-product-modal-panel h1{ margin: 14px 0px; font-size: clamp(2.1rem, 3.3vw, 3.2rem); line-height: 1.08; }
.preview-product-page .preview-product-modal-pricing{ margin: 0px 0px 12px; }
.preview-product-page .preview-product-modal-tags{ margin: 0px 0px 14px; }
.preview-product-page .preview-product-modal-services{ margin: 0px 0px 16px; }
.preview-product-page .modal-service-item{ padding: 12px 0px; }
.preview-product-page .modal-service-icon{ display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; background: rgb(243, 234, 223); color: rgb(136, 97, 59); }
.preview-product-page .modal-service-icon svg{ width: 17px; height: 17px; }
.preview-product-page .preview-product-modal-note{ margin: 0px; }
@media (max-width: 900px){.preview-product-page .preview-product-modal-layout{ grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-image,.preview-product-page .preview-product-modal-panel{ grid-column: 1; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-image{ padding: 24px 24px 10px; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-image img{ max-height: 390px !important; }}
@media (max-width: 900px){.preview-product-page .preview-product-modal-panel{ padding: 24px 28px 30px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-surface{ border-radius: 18px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-image{ padding: 14px 14px 6px; min-height: 0px !important; height: auto !important; max-height: none !important; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-image img{ width: 100%; height: auto !important; max-height: 300px !important; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-panel{ padding: 20px 18px 24px; }}
@media (max-width: 600px){.preview-product-page .preview-product-modal-panel h1{ font-size: clamp(2rem, 10vw, 2.6rem); }}
:root{ --psw-ink: #34251E; --psw-accent: #A98856; --psw-cream: #F8F4EC; --psw-card: #FFFDF9; --psw-line: rgba(52,37,30,.12); --psw-muted: rgba(52,37,30,.68); --psw-radius: 16px; --psw-shadow: 0 6px 20px rgba(52,37,30,.07); --psw-line-green: #06C755; }
.psw-icon{ width: 20px; height: 20px; flex: 0 0 auto; }
.products{ grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; padding: 4px 0px 8px; display: grid !important; overflow: visible !important; scroll-snap-type: none !important; }
.products > .psw-card{ width: auto !important; min-width: 0px !important; max-width: none !important; flex: 0 0 auto !important; }
.products [hidden]{ display: none !important; }
.fan-home-major-heading .slider-controls{ display: none !important; }
.fan-home-major-group + .fan-home-major-group{ margin-top: 48px; }
.fan-home-major-heading{ margin-bottom: 20px; }
@media (max-width: 1024px){.products{ grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }}
@media (max-width: 640px){.products{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }}
.psw-panel-badges{ display: flex; flex-wrap: wrap; gap: 6px; }
.psw-badge{ display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12px; line-height: 1.5; font-weight: 600; white-space: nowrap; }
.psw-badge-category{ background: var(--psw-cream); color: var(--psw-ink); border: 1px solid var(--psw-line); }
.psw-badge-brand{ background: rgba(169, 136, 86, 0.14); color: rgb(111, 85, 48); }
.psw-price{ display: grid; gap: 6px; }
.psw-price-row{ display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 8px 12px; border-radius: 10px; background: var(--psw-cream); }
.psw-price-row span{ font-size: 13px; color: var(--psw-muted); }
.psw-price-row strong{ font-size: 16px; color: var(--psw-ink); font-weight: 700; white-space: nowrap; }
.psw-price.is-single .psw-price-row strong{ font-size: 18px; }
.psw-line-cta.button{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 10px 16px; border-radius: 12px; border: 0px; background: var(--psw-ink); color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; text-decoration: none; transition: background-color 0.15s; }
.psw-line-cta.button:hover{ background: rgb(74, 54, 44); color: rgb(255, 255, 255); }
.psw-line-cta .line-icon{ width: 22px; height: 22px; }
.psw-panel :focus-visible,.psw-media:focus-visible,.modal-close:focus-visible{ outline: 3px solid var(--psw-accent); outline-offset: 2px; }
.psw-layout{ display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 32px; align-items: start; }
.psw-media{ background: rgb(255, 255, 255); border-radius: var(--psw-radius); aspect-ratio: 4 / 5; padding: 16px; display: flex; align-items: center; justify-content: center; }
.psw-media img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.psw-panel{ display: flex; flex-direction: column; gap: 18px; min-width: 0px; color: var(--psw-ink); }
.psw-panel-head{ display: grid; gap: 8px; }
.psw-panel-title{ margin: 0px; font-size: 26px; line-height: 1.35; font-weight: 700; color: var(--psw-ink); }
.psw-panel-detail .psw-panel-title{ font-size: 30px; }
.psw-panel-sku{ margin: 0px; font-size: 14px; color: var(--psw-muted); }
.psw-panel-sku strong{ color: var(--psw-ink); }
.psw-panel-price .psw-price-row{ padding: 12px 16px; }
.psw-panel-price .psw-price-row strong{ font-size: 20px; }
.psw-panel-tags{ list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; }
.psw-panel-tags li{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--psw-line); background: var(--psw-card); font-size: 13px; }
.psw-panel-tags .psw-icon{ width: 16px; height: 16px; color: var(--psw-accent); }
.psw-panel-cta{ display: grid; gap: 10px; }
.psw-detail-link{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; color: var(--psw-ink); text-decoration: underline; text-underline-offset: 3px; }
.psw-detail-link .psw-icon{ width: 16px; height: 16px; }
.psw-panel-services{ list-style: none; margin: 0px; padding: 16px 0px 0px; display: grid; gap: 12px; border-top: 1px solid var(--psw-line); }
.psw-panel-services li{ display: flex; gap: 12px; align-items: flex-start; }
.psw-service-icon{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; background: var(--psw-cream); color: var(--psw-accent); }
.psw-panel-services strong{ display: block; font-size: 14px; }
.psw-panel-services small{ display: block; font-size: 13px; color: var(--psw-muted); line-height: 1.5; }
.psw-panel-note{ display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--psw-cream); font-size: 13px; line-height: 1.6; color: var(--psw-muted); }
.psw-panel-note p{ margin: 0px; }
.psw-panel-note strong{ color: var(--psw-ink); }
.psw-panel-note .psw-icon{ width: 18px; height: 18px; color: var(--psw-accent); margin-top: 2px; }
#product-modal .modal-dialog{ width: min(1040px, -48px + 100vw); max-height: calc(100dvh - 48px); overflow: hidden auto; overscroll-behavior: contain; padding: 32px; border-radius: 20px; background: var(--psw-card); border: 1px solid var(--psw-line) !important; }
#product-modal .modal-content,#product-modal .psw-layout-modal,#product-modal .psw-layout-modal .psw-panel{ max-height: none !important; overflow: visible !important; }
#product-modal .psw-layout-modal .psw-media{ position: sticky; top: 0px; }
#product-modal .modal-close{ position: sticky; top: 0px; float: right; z-index: 3; width: 44px; height: 44px; margin: -16px -16px 0px 0px; border-radius: 50%; border: 1px solid var(--psw-line); background: rgb(255, 255, 255); color: var(--psw-ink); font-size: 26px; line-height: 1; box-shadow: var(--psw-shadow); cursor: pointer; }
.psw-layout-detail .psw-media{ position: sticky; top: 96px; }
@media (max-width: 1024px){.psw-layout{ gap: 22px; }}
@media (max-width: 1024px){#product-modal .modal-dialog{ padding: 24px; width: calc(-32px + 100vw); }}
@media (max-width: 1024px){.psw-panel-title{ font-size: 22px; }}
@media (max-width: 1024px){.psw-panel-detail .psw-panel-title{ font-size: 24px; }}
@media (max-width: 720px){.psw-layout{ grid-template-columns: minmax(0px, 1fr); gap: 18px; }}
@media (max-width: 720px){.psw-media,#product-modal .psw-layout-modal .psw-media,.psw-layout-detail .psw-media{ position: static; max-height: 62vh; padding: 10px; }}
@media (max-width: 720px){#product-modal .modal-dialog{ width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; margin: 0px; border-radius: 0px; padding: 16px 16px 28px; }}
@media (max-width: 720px){#product-modal .modal-close{ margin: 0px; }}
@media (max-width: 720px){.psw-panel{ gap: 14px; }}
@media (max-width: 720px){.psw-panel-title,.psw-panel-detail .psw-panel-title{ font-size: 21px; }}
@media (max-width: 720px){.psw-panel-price .psw-price-row strong{ font-size: 18px; }}
@media (max-width: 720px){.psw-panel-cta{ order: 4; }}
@media (max-width: 720px){.psw-panel-services{ order: 5; }}
@media (max-width: 720px){.psw-panel-note{ order: 6; }}
.fresh-catalog-results .catalog-group-grid,.fan-page-results .catalog-group-grid,.catalog-group-grid{ display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 20px !important; }
.psw-detail-grid{ grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
@media (max-width: 1024px){.psw-detail-grid{ grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }}
@media (max-width: 640px){.catalog-group-grid,.psw-detail-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 12px !important; }}
.psw-care{ background: linear-gradient(180deg,#FBF7F0 0%,var(--psw-cream) 100%) !important; }
.psw-care .section-heading{ margin-bottom: 8px; }
.psw-care-ornament{ display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--psw-accent); margin: 0px auto 28px; max-width: 360px; }
.psw-care-ornament::before,.psw-care-ornament::after{ content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(90deg,transparent,var(--psw-accent)); }
.psw-care-ornament::after{ background: linear-gradient(90deg,var(--psw-accent),transparent); }
.psw-care-grid{ list-style: none; margin: 0px auto; padding: 0px; max-width: 1080px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; }
.psw-care-card{ position: relative; text-align: center; padding: 36px 28px 40px; background: linear-gradient(rgb(255, 253, 249) 0%, rgb(251, 244, 232) 100%); border: 1px solid rgba(169, 136, 86, 0.28); border-radius: 24px; box-shadow: rgba(120, 90, 50, 0.1) 0px 10px 30px, rgb(255, 255, 255) 0px 1px 0px inset; }
.psw-care-icon{ display: inline-flex; align-items: center; justify-content: center; width: 92px; height: 92px; margin-bottom: 18px; border-radius: 50%; color: var(--psw-accent); background: radial-gradient(circle, rgb(255, 253, 249) 55%, rgb(243, 231, 211) 100%); border: 2px solid rgba(169, 136, 86, 0.55); box-shadow: rgba(169, 136, 86, 0.1) 0px 0px 0px 6px, rgba(120, 90, 50, 0.12) 0px 6px 16px; }
.psw-care-card h3{ margin: 0px 0px 10px; font-size: 22px; font-weight: 700; color: var(--psw-ink); }
.psw-care-card p{ margin: 0px auto; max-width: 280px; font-size: 15px; line-height: 1.65; color: var(--psw-muted); }
.psw-care-card::after{ content: ""; position: absolute; left: 50%; bottom: 22px; width: 44px; height: 2px; border-radius: 2px; background: var(--psw-accent); transform: translateX(-50%); }
@media (max-width: 900px){.psw-care-grid{ gap: 16px; }}
@media (max-width: 900px){.psw-care-card{ padding: 28px 18px 34px; }}
@media (max-width: 900px){.psw-care-card h3{ font-size: 19px; }}
@media (max-width: 640px){.psw-care-grid{ grid-template-columns: minmax(0px, 1fr); max-width: 420px; }}
@media (max-width: 640px){.psw-care-card{ display: grid; grid-template-columns: 72px 1fr; gap: 4px 16px; text-align: left; align-items: center; padding: 20px 18px; }}
@media (max-width: 640px){.psw-care-icon{ width: 68px; height: 68px; margin: 0px; grid-row: span 2; }}
@media (max-width: 640px){.psw-care-icon svg{ width: 34px; height: 34px; }}
@media (max-width: 640px){.psw-care-card h3{ margin: 0px; font-size: 18px; align-self: end; }}
@media (max-width: 640px){.psw-care-card p{ margin: 0px; max-width: none; font-size: 14px; align-self: start; }}
@media (max-width: 640px){.psw-care-card::after{ display: none; }}
.psw-care-icon svg{ stroke-width: 2.6; width: 58px !important; height: 58px !important; }
.psw-care-ornament svg{ width: 26px !important; height: 26px !important; }
@media (max-width: 640px){.psw-care-icon svg{ width: 36px !important; height: 36px !important; }}
.psw-steps{ position: relative; overflow: hidden; color: rgb(248, 244, 236); background: radial-gradient(1200px 400px at 50% -10%, rgb(92, 67, 52) 0%, rgb(69, 49, 42) 55%, rgb(58, 41, 34) 100%) !important; padding: 88px 0px !important; }
.psw-steps::before{ content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 12% 85%, rgba(169, 136, 86, 0.14), transparent 40%), radial-gradient(circle at 88% 20%, rgba(169, 136, 86, 0.1), transparent 38%); }
.psw-steps .container{ position: relative; }
.psw-steps-heading{ text-align: center; margin-bottom: 56px; }
.psw-steps-heading > span{ display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; color: rgb(212, 180, 127); }
.psw-steps-heading > span::before,.psw-steps-heading > span::after{ content: ""; width: 36px; height: 1px; background: rgb(169, 136, 86); }
.psw-steps-heading h2{ margin: 12px 0px 0px; font-size: clamp(28px, 3.4vw, 42px); color: rgb(255, 255, 255); }
.psw-steps-list{ list-style: none; margin: 0px auto; padding: 0px; max-width: 1180px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; counter-reset: none; }
.psw-step{ position: relative; display: flex; flex-direction: column; align-items: center; }
.psw-step:not(:last-child)::after{ content: ""; position: absolute; top: 36px; left: calc(50% + 52px); right: calc(-50% + 24px); border-top: 1px dashed rgba(212, 180, 127, 0.55); }
.psw-step-marker{ position: relative; z-index: 1; margin-bottom: -36px; }
.psw-step-icon{ display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(rgb(201, 168, 110), rgb(169, 136, 86)); color: rgb(255, 255, 255); box-shadow: rgba(169, 136, 86, 0.18) 0px 0px 0px 6px, rgba(0, 0, 0, 0.25) 0px 10px 24px; }
.psw-step-icon .psw-icon{ width: 30px !important; height: 30px !important; }
.psw-step-card{ width: 100%; flex: 1 1 0%; text-align: center; padding: 56px 26px 28px; background: linear-gradient(rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)); border: 1px solid rgba(212, 180, 127, 0.28); border-radius: 20px; backdrop-filter: blur(2px); }
.psw-step-no{ display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; color: rgb(212, 180, 127); margin-bottom: 8px; }
.psw-step-card h3{ margin: 0px 0px 12px; font-size: 20px; color: rgb(255, 255, 255); }
.psw-step-card p{ margin: 0px; font-size: 15px; line-height: 1.7; color: rgba(248, 244, 236, 0.78); }
.psw-step-card ul{ list-style: none; margin: 12px auto 0px; padding: 0px; display: grid; gap: 8px; text-align: left; max-width: 280px; }
.psw-step-card li{ position: relative; padding-left: 24px; font-size: 15px; line-height: 1.55; color: rgba(248, 244, 236, 0.9); }
.psw-step-card li::before{ content: ""; position: absolute; left: 4px; top: 0.62em; width: 8px; height: 8px; border-radius: 50%; background: rgb(201, 168, 110); box-shadow: rgba(201, 168, 110, 0.2) 0px 0px 0px 3px; }
@media (max-width: 900px){.psw-steps{ padding: 64px 0px !important; }}
@media (max-width: 900px){.psw-steps-heading{ margin-bottom: 36px; }}
@media (max-width: 900px){.psw-steps-list{ grid-template-columns: minmax(0px, 1fr); max-width: 520px; gap: 20px; }}
@media (max-width: 900px){.psw-step{ flex-direction: row; align-items: stretch; gap: 16px; }}
@media (max-width: 900px){.psw-step:not(:last-child)::after{ inset: 64px auto -20px 27px; border-top: 0px; border-left: 1px dashed rgba(212, 180, 127, 0.55); }}
@media (max-width: 900px){.psw-step-marker{ margin: 0px; flex: 0 0 auto; }}
@media (max-width: 900px){.psw-step-icon{ width: 56px; height: 56px; }}
@media (max-width: 900px){.psw-step-icon .psw-icon{ width: 24px !important; height: 24px !important; }}
@media (max-width: 900px){.psw-step-card{ text-align: left; padding: 18px 18px 20px; }}
@media (max-width: 900px){.psw-step-card ul{ margin-left: 0px; max-width: none; }}
@media (max-width: 900px){.psw-step-card h3{ font-size: 18px; }}
.psw-nowrap{ white-space: nowrap; }
.psw-steps{ padding: 56px 0px !important; }
.psw-steps-heading{ margin-bottom: 40px; }
.psw-steps-heading h2{ margin-top: 8px; font-size: clamp(24px, 2.6vw, 34px); }
.psw-steps-list{ gap: 20px; }
.psw-step-marker{ margin-bottom: -26px; }
.psw-step:not(:last-child)::after{ top: 26px; left: calc(50% + 34px); right: calc(-50% + 14px); }
.psw-step-icon{ width: 52px; height: 52px; box-shadow: rgba(169, 136, 86, 0.18) 0px 0px 0px 5px, rgba(0, 0, 0, 0.25) 0px 6px 16px; }
.psw-step-icon .psw-icon{ width: 22px !important; height: 22px !important; }
.psw-step-card{ padding: 38px 22px 20px; border-radius: 16px; }
.psw-step-no{ margin-bottom: 4px; font-size: 11px; }
.psw-step-card h3{ margin-bottom: 8px; font-size: 18px; }
.psw-step-card p,.psw-step-card li{ font-size: 14px; line-height: 1.6; }
.psw-step-card ul{ margin-top: 8px; gap: 4px; }
@media (max-width: 900px){.psw-steps{ padding: 44px 0px !important; }}
@media (max-width: 900px){.psw-steps-heading{ margin-bottom: 24px; }}
@media (max-width: 900px){.psw-steps-list{ gap: 12px; }}
@media (max-width: 900px){.psw-step{ gap: 12px; }}
@media (max-width: 900px){.psw-step:not(:last-child)::after{ top: 52px; bottom: -12px; left: 25px; }}
@media (max-width: 900px){.psw-step-marker{ margin: 0px; }}
@media (max-width: 900px){.psw-step-icon{ width: 50px; height: 50px; }}
@media (max-width: 900px){.psw-step-card{ padding: 14px 16px; }}
@media (max-width: 900px){.psw-step-card h3{ font-size: 16px; }}
.psw-clients{ overflow: hidden; background: rgb(255, 255, 255) !important; padding: 56px 0px !important; }
.psw-clients-heading{ text-align: center; margin-bottom: 32px; }
.psw-clients-heading > span{ display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; color: var(--psw-accent); }
.psw-clients-heading h2{ margin: 8px 0px 6px; font-size: clamp(24px, 2.6vw, 34px); color: var(--psw-ink); }
.psw-clients-heading p{ margin: 0px; font-size: 15px; color: var(--psw-muted); }
.psw-clients-marquee{ position: relative; overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent); }
.psw-clients-track{ list-style: none; margin: 0px; padding: 8px 0px; display: flex; align-items: center; gap: 56px; width: max-content; animation: 45s linear 0s infinite normal none running psw-clients-scroll; }
.psw-clients-marquee:hover .psw-clients-track,.psw-clients-marquee:focus-within .psw-clients-track{ animation-play-state: paused; }
.psw-clients-item{ flex: 0 0 auto; display: flex; align-items: center; justify-content: center; height: 80px; }
.psw-clients-item img{ height: 100%; width: auto; max-width: 170px; object-fit: contain; }
@keyframes psw-clients-scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 28px)); }
}
@media (max-width: 640px){.psw-clients{ padding: 40px 0px !important; }}
@media (max-width: 640px){.psw-clients-track{ gap: 36px; animation-duration: 35s; }}
@media (max-width: 640px){.psw-clients-item{ height: 56px; }}
@media (max-width: 640px){.psw-clients-item img{ max-width: 120px; }}
@media (max-width: 640px){@keyframes psw-clients-scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 18px)); }
}}
@media (prefers-reduced-motion: reduce){.psw-clients-track{ animation: auto ease 0s 1 normal none running none; flex-wrap: wrap; justify-content: center; width: auto; padding: 0px 16px; }}
@media (prefers-reduced-motion: reduce){.psw-clients-item[aria-hidden="true"]{ display: none; }}
@media (prefers-reduced-motion: reduce){.psw-clients-marquee{ mask-image: none; }}
.psw-care{ padding: 48px 0px !important; }
.psw-care .section-heading{ margin-bottom: 4px; }
.psw-care-ornament{ margin-bottom: 20px; }
.psw-care-grid{ gap: 18px; max-width: 980px; }
.psw-care-card{ display: grid; grid-template-columns: 56px 1fr; gap: 2px 14px; align-items: center; text-align: left; padding: 18px 20px; border-radius: 18px; }
.psw-care-card::after{ display: none; }
.psw-care-icon{ grid-row: span 2; width: 56px; height: 56px; margin: 0px; box-shadow: rgba(169, 136, 86, 0.1) 0px 0px 0px 4px; border-width: 1.5px; }
.psw-care-icon svg{ width: 32px !important; height: 32px !important; }
.psw-care-card h3{ margin: 0px; font-size: 17px; align-self: end; }
.psw-care-card p{ margin: 0px; max-width: none; font-size: 13.5px; line-height: 1.55; align-self: start; }
@media (max-width: 900px){.psw-care-grid{ grid-template-columns: minmax(0px, 1fr); max-width: 460px; gap: 12px; }}
@media (max-width: 640px){.psw-care{ padding: 36px 0px !important; }}
@media (max-width: 640px){.psw-care-card{ padding: 14px 16px; grid-template-columns: 48px 1fr; }}
@media (max-width: 640px){.psw-care-icon{ width: 48px; height: 48px; }}
@media (max-width: 640px){.psw-care-icon svg{ width: 28px !important; height: 28px !important; }}
.psw-care-ornament{ margin-top: 10px; }
.psw-clients-heading{ max-width: 640px; margin: 0px auto 28px; padding: 0px 16px; }
.psw-clients-heading > span{ display: inline-flex; align-items: center; gap: 12px; font-size: 12px; letter-spacing: 0.16em; }
.psw-clients-heading > span::before,.psw-clients-heading > span::after{ content: ""; width: 28px; height: 1px; background: var(--psw-accent); }
.psw-clients-heading h2{ margin: 10px 0px 8px; line-height: 1.25; }
.psw-clients-heading p{ font-size: 15px; line-height: 1.6; text-wrap: balance; }
.psw-clients-heading p .psw-nowrap{ white-space: nowrap; }
@media (max-width: 640px){.psw-clients-heading h2{ font-size: 24px; }}
@media (max-width: 640px){.psw-clients-heading p{ font-size: 14px; }}
@media (max-width: 640px){.psw-clients-heading > span::before,.psw-clients-heading > span::after{ width: 18px; }}
.catalog-preview-notice{ display: none !important; }
.term-eco .catalog-group-grid{ grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
@media (max-width: 1024px){.term-eco .catalog-group-grid{ grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }}
@media (max-width: 640px){.fresh-catalog-results .catalog-group-grid,.fan-page-results .catalog-group-grid,.term-eco .catalog-group-grid,.catalog-group-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 12px !important; }}
.catalog-support-sections .catalog-order-notice-wrap{ position: relative; z-index: 1; margin-top: 40px !important; margin-bottom: 40px !important; }
@media (max-width: 640px){.catalog-support-sections .catalog-order-notice-wrap{ margin-top: 24px !important; margin-bottom: 24px !important; }}
.selection-cta-section h2{ text-wrap: balance; }
.psw-media,.psw-layout-detail .psw-media,#product-modal .psw-layout-modal .psw-media{ background: radial-gradient(120% 90% at 50% 35%, rgb(255, 253, 248) 0%, rgb(246, 238, 226) 62%, rgb(239, 228, 211) 100%) !important; border: 1px solid rgba(169, 136, 86, 0.18) !important; }
.psw-media img{ filter: drop-shadow(rgba(80, 55, 30, 0.14) 0px 14px 18px); }
.tax-ps_product_cat section.catalog-grouped,.post-type-archive-ps_product section.catalog-grouped{ padding-bottom: 8px !important; }
.catalog-support-sections .catalog-order-notice-wrap{ margin-top: 32px !important; margin-bottom: 56px !important; }
.fan-catalog-contact{ margin-top: 24px; }
.psw-cat-hero{ border-bottom: 1px solid var(--psw-line); overflow: hidden; padding: 0px !important; min-height: 0px !important; text-align: left !important; background: radial-gradient(70% 140% at 85% 50%,#F1E5D2 0%,rgba(241,229,210,0) 60%),linear-gradient(180deg,#FBF7F0,var(--psw-cream)) !important; }
.psw-cat-hero-inner{ display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); align-items: center; gap: 32px; padding-top: 36px; padding-bottom: 36px; }
.psw-cat-hero-copy{ max-width: 640px; }
.psw-cat-hero .eyebrow{ display: inline-flex; align-items: center; gap: 10px; font-size: 13px; letter-spacing: 0.06em; color: var(--psw-accent) !important; }
.psw-cat-hero .eyebrow::before{ content: ""; width: 28px; height: 1px; background: var(--psw-accent); }
.psw-cat-hero h1{ color: var(--psw-ink); margin: 8px 0px 10px !important; font-size: clamp(32px, 3.6vw, 48px) !important; line-height: 1.15 !important; }
.psw-cat-hero-copy > p{ max-width: 600px; line-height: 1.7; color: var(--psw-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px 0px 16px !important; font-size: 15px !important; }
.psw-cat-hero-facts{ list-style: none; margin: 0px 0px 20px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; }
.psw-cat-hero-facts li{ display: inline-flex; align-items: baseline; gap: 4px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(169, 136, 86, 0.25); font-size: 13px; color: var(--psw-ink); }
.psw-cat-hero-facts strong{ font-size: 15px; color: rgb(138, 106, 60); }
.psw-cat-hero .hero-actions{ gap: 10px; justify-content: flex-start !important; margin: 0px !important; }
.psw-cat-hero-art{ position: relative; height: 260px; }
.psw-cat-hero-img{ position: absolute; bottom: 0px; height: 100%; width: auto; max-width: 48%; object-fit: contain; filter: drop-shadow(rgba(80, 55, 30, 0.18) 0px 16px 20px); }
.psw-cat-hero-img-0{ left: 50%; transform: translateX(-50%); z-index: 3; height: 100%; }
.psw-cat-hero-img-1{ left: 4%; height: 78%; z-index: 2; opacity: 0.92; }
.psw-cat-hero-img-2{ right: 4%; height: 78%; z-index: 1; opacity: 0.92; }
@media (max-width: 900px){.psw-cat-hero-inner{ grid-template-columns: minmax(0px, 1fr) 200px; gap: 16px; padding-top: 24px; padding-bottom: 24px; }}
@media (max-width: 900px){.psw-cat-hero-art{ height: 200px; }}
@media (max-width: 900px){.psw-cat-hero-img-1,.psw-cat-hero-img-2{ display: none; }}
@media (max-width: 900px){.psw-cat-hero-img-0{ max-width: 100%; }}
@media (max-width: 640px){.psw-cat-hero-inner{ grid-template-columns: minmax(0px, 1fr) 96px; padding-top: 18px; padding-bottom: 20px; align-items: start; }}
@media (max-width: 640px){.psw-cat-hero-art{ height: 120px; margin-top: 24px; }}
@media (max-width: 640px){.psw-cat-hero h1{ font-size: 28px !important; }}
@media (max-width: 640px){.psw-cat-hero-copy > p{ font-size: 14px !important; -webkit-line-clamp: 3; }}
@media (max-width: 640px){.psw-cat-hero-facts li{ font-size: 12px; padding: 4px 10px; }}
@media (max-width: 640px){.psw-cat-hero .hero-actions{ grid-column: 1 / -1; }}
@media (max-width: 640px){.psw-cat-hero .hero-actions .button{ flex: 1 1 auto; justify-content: center; min-height: 42px; font-size: 14px; }}
.tax-ps_product_cat section.catalog-grouped{ padding-top: 32px !important; }
@media (max-width: 640px){.tax-ps_product_cat section.catalog-grouped{ padding-top: 20px !important; }}
.product-card.psw-card::before{ display: none !important; }
.psw-card .product-image{ overflow: hidden; background: radial-gradient(120% 90% at 50% 35%, rgb(255, 253, 248) 0%, rgb(246, 238, 226) 62%, rgb(239, 228, 211) 100%) !important; border-radius: 14px !important; }
.psw-card .product-image::after{ display: none !important; }
.psw-card .product-image img{ filter: drop-shadow(rgba(80, 55, 30, 0.14) 0px 10px 14px); transition: transform 0.35s; }
.psw-card .product-image:hover img,.psw-card .product-image:focus-visible img{ transform: scale(1.03); }
.psw-card .image-hint{ align-items: center; gap: 6px; font-weight: 600; transform: translateY(4px); box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 12px; position: absolute !important; inset: auto 10px 10px auto !important; display: inline-flex !important; padding: 6px 12px !important; border-radius: 999px !important; background: rgba(52, 37, 30, 0.88) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; line-height: 1 !important; opacity: 0 !important; transition: opacity 0.2s, transform 0.2s !important; }
.psw-card .image-hint b{ font-size: 13px; display: inline-flex !important; width: auto !important; height: auto !important; background: none !important; color: inherit !important; padding: 0px !important; box-shadow: none !important; }
.psw-card .product-image:hover .image-hint,.psw-card .product-image:focus-visible .image-hint{ opacity: 1 !important; transform: none; }
@media (hover: none){.psw-card .image-hint{ display: none !important; }}
.psw-panel-title{ text-wrap: balance; }
.psw-panel .psw-detail-link{ justify-content: flex-start; margin-top: -4px; }
@media (max-width: 720px){.psw-panel .psw-detail-link{ order: 7; justify-content: center; }}
#pisut-hero-title .pisut-hero-subtitle{ display: block; }
@media (max-width: 640px){.psw-cat-hero-inner{ grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 640px){.psw-cat-hero-art{ display: none !important; }}
@media (max-width: 640px){.psw-cat-hero .hero-actions .button{ width: 100%; }}
.site-footer .footer-contact-list .footer-contact-item.psw-track-line{ box-shadow: rgba(6, 199, 85, 0.25) 0px 6px 16px; background: rgb(6, 199, 85) !important; border-color: rgb(6, 199, 85) !important; color: rgb(255, 255, 255) !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line strong,.site-footer .footer-contact-list .footer-contact-item.psw-track-line small,.site-footer .footer-contact-list .footer-contact-item.psw-track-line .footer-contact-arrow{ color: rgb(255, 255, 255) !important; opacity: 1 !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line small{ opacity: 0.9 !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line .line-icon{ filter: brightness(0) invert(1) !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line .footer-contact-icon{ background: rgba(255, 255, 255, 0.18) !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line:hover{ background: rgb(5, 179, 76) !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line:focus-visible{ outline: rgb(255, 255, 255) solid 3px; outline-offset: 2px; }
.site-footer .footer-contact-list .footer-contact-item:not(.psw-track-line):is(:hover,:focus-visible) .footer-contact-icon,.site-footer .footer-contact-list .footer-contact-item:not(.psw-track-line):is(:hover,:focus-visible) .footer-contact-arrow{ color: rgb(138, 106, 60) !important; }
.psw-detail-page{ background: var(--psw-cream); }
.psw-detail-page > section:not(.order-process){ background: transparent !important; }
.psw-detail-hero{ padding: 24px 0px 56px; }
.psw-breadcrumb{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 24px; font-size: 14px; color: var(--psw-muted); }
.psw-breadcrumb a{ color: var(--psw-muted); text-decoration: none; }
.psw-breadcrumb a:hover{ color: var(--psw-ink); text-decoration: underline; }
.psw-breadcrumb [aria-current]{ color: var(--psw-ink); font-weight: 600; }
.psw-layout-detail{ grid-template-columns: minmax(0px, 7fr) minmax(0px, 5fr); gap: 48px; }
.psw-layout-detail .psw-media{ position: sticky; top: 96px; aspect-ratio: 1 / 1; padding: 32px; border-radius: 24px; box-shadow: var(--psw-shadow); }
.psw-panel-detail{ gap: 22px; padding-top: 8px; }
.psw-panel-detail .psw-panel-title{ font-size: 34px; line-height: 1.3; }
.psw-panel-detail .psw-panel-sku{ font-size: 15px; }
.psw-panel-detail .psw-panel-price .psw-price-row{ background: rgb(255, 255, 255); border: 1px solid var(--psw-line); padding: 14px 18px; }
.psw-panel-detail .psw-panel-price .psw-price-row strong{ font-size: 24px; }
.psw-panel-detail .psw-panel-tags li{ background: rgb(255, 255, 255); }
.psw-panel-detail .psw-line-cta.button{ min-height: 54px; font-size: 17px; border-radius: 14px; }
.psw-panel-detail .psw-panel-services{ background: rgb(255, 255, 255); border: 1px solid var(--psw-line); border-radius: 16px; padding: 18px; }
.psw-panel-detail .psw-panel-note{ background: transparent; padding: 0px 2px; }
.psw-detail-section{ padding: 56px 0px; border-top: 1px solid var(--psw-line); }
.psw-detail-heading{ display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 24px; }
.psw-detail-heading span{ display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--psw-accent); margin-bottom: 6px; }
.psw-detail-heading h2{ margin: 0px; font-size: 26px; color: var(--psw-ink); }
.psw-detail-heading a{ display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-weight: 600; color: var(--psw-ink); text-decoration: none; }
.psw-detail-heading a:hover{ text-decoration: underline; }
.psw-detail-heading .psw-icon{ width: 16px; height: 16px; }
.psw-detail-page .delivery-gallery-section,.psw-detail-page .faq-section{ border-top: 1px solid var(--psw-line); }
@media (max-width: 1024px){.psw-layout-detail{ grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 28px; }}
@media (max-width: 1024px){.psw-layout-detail .psw-media{ padding: 20px; top: 80px; }}
@media (max-width: 1024px){.psw-panel-detail .psw-panel-title{ font-size: 26px; }}
@media (max-width: 1024px){.psw-panel-detail .psw-panel-price .psw-price-row strong{ font-size: 20px; }}
@media (max-width: 720px){.psw-detail-hero{ padding: 12px 0px 36px; }}
@media (max-width: 720px){.psw-breadcrumb{ margin-bottom: 14px; font-size: 13px; }}
@media (max-width: 720px){.psw-layout-detail{ grid-template-columns: minmax(0px, 1fr); gap: 20px; }}
@media (max-width: 720px){.psw-layout-detail .psw-media{ position: static; aspect-ratio: 4 / 5; max-height: 70vh; padding: 14px; border-radius: 18px; }}
@media (max-width: 720px){.psw-panel-detail{ gap: 16px; padding-top: 0px; }}
@media (max-width: 720px){.psw-panel-detail .psw-panel-title{ font-size: 23px; }}
@media (max-width: 720px){.psw-detail-section{ padding: 36px 0px; }}
@media (max-width: 720px){.psw-detail-heading h2{ font-size: 20px; }}
@media (max-width: 720px){.psw-detail-heading{ flex-wrap: wrap; }}
.psw-clients-track{ gap: 44px; }
.psw-clients-item{ height: 56px; }
.psw-clients-item img{ max-width: 130px; }
@keyframes psw-clients-scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 22px)); }
}
@media (max-width: 640px){.psw-clients-track{ gap: 28px; }}
@media (max-width: 640px){.psw-clients-item{ height: 40px; }}
@media (max-width: 640px){.psw-clients-item img{ max-width: 96px; }}
@media (max-width: 640px){@keyframes psw-clients-scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 14px)); }
}}
main > section:nth-of-type(n+3),main > div > section:nth-of-type(n+2),.psw-detail-section,.site-footer{ content-visibility: auto; contain-intrinsic-size: auto 900px; }
.province-name-static small,.hero p,.site-footer .footer-bottom small,.trust-bar,.pisut-hero-badge,.selection-cta-panel .cta-eyebrow,.delivery-intro .eyebrow,.care-section .centered-heading > span,.site-footer .footer-contact-item strong,.site-footer small,.product-card small,.product-tags span,.psw-badge,.psw-panel-tags li,.faq-intro > span,.psw-step-no,.psw-clients-heading > span,.modal-category,.image-hint{ font-size: 12px !important; }
.product-card .product-meta small,.product-card .fan-size-price-table span{ font-size: 12px !important; }
:root{ --psw-accent-text: #7a5c30; }
.eyebrow,.section-heading > span,.centered-heading > span,.psw-detail-heading span,.psw-clients-heading > span,.psw-care .section-heading span,.faq-intro > span,.psw-cat-hero .eyebrow,.catalog-location-label{ color: var(--psw-accent-text) !important; }
.faq-intro p,.faq-section .faq-intro p{ color: rgb(95, 77, 61) !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line{ background: rgb(0, 122, 55) !important; border-color: rgb(0, 122, 55) !important; }
.site-footer .footer-contact-list .footer-contact-item.psw-track-line:hover{ background: rgb(0, 106, 48) !important; }
.psw-cat-hero .eyebrow{ line-height: 20px !important; }
.psw-cat-hero h1{ line-height: 1.15 !important; }
.psw-cat-hero-copy > p{ line-height: 26px !important; }
.psw-cat-hero-facts li{ line-height: 20px !important; min-height: 34px; }
.psw-cat-hero-facts strong{ line-height: 20px !important; }
.psw-cat-hero .hero-actions .button{ line-height: 22px !important; }
@media (max-width: 640px){.psw-cat-hero-copy > p{ line-height: 24px !important; }}
@media (max-width: 640px){.psw-cat-hero-facts li{ min-height: 30px; }}
.order-notice-summary > div > span{ color: var(--psw-accent-text) !important; }
.psw-cat-hero-copy > p{ height: 52px; }
@media (max-width: 640px){.psw-cat-hero-copy > p{ height: 72px; }}
@media (max-width: 640px){.psw-cat-hero-facts{ min-height: 68px; align-content: flex-start; }}
.product-card .product-tags{ gap: 4px; }
.product-card .product-tags span,.product-card .product-tags .color-tag,.product-card .product-tags .fan-brand-tag{ font-weight: 600; font-size: 12px !important; line-height: 1.3 !important; padding: 3px 9px !important; }
.product-card .product-tags .color-tag i{ width: 6px !important; height: 6px !important; }
.product-section-contact .button,.product-section-contact .psw-track-line{ box-shadow: rgba(52, 37, 30, 0.14) 0px 4px 12px !important; }
.psw-panel .psw-panel-cta .psw-detail-link{ display: flex; justify-content: center; align-items: center; gap: 6px; min-height: 44px; margin: 0px; border: 1px solid var(--psw-line); border-radius: 12px; background: rgb(255, 255, 255); color: var(--psw-ink); font-weight: 600; text-decoration: none; order: 0 !important; }
.psw-panel .psw-panel-cta .psw-detail-link:hover{ border-color: var(--psw-accent); background: var(--psw-cream); }
.delivery-gallery-heading .slider-controls{ display: none !important; }
.delivery-gallery-track.is-marquee{ mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 4%, rgb(0, 0, 0) 96%, transparent); overflow: hidden !important; scroll-snap-type: none !important; display: block !important; padding-left: 0px !important; padding-right: 0px !important; }
.delivery-marquee-rail{ display: flex; gap: 18px; width: max-content; animation: psw-delivery-scroll var(--marquee-duration,48s) linear infinite; }
.delivery-marquee-rail > .delivery-gallery-item{ flex: 0 0 auto; width: clamp(200px, 22vw, 290px); }
.delivery-gallery-track.is-marquee:hover .delivery-marquee-rail,.delivery-gallery-track.is-marquee:focus-visible .delivery-marquee-rail{ animation-play-state: paused; }
@keyframes psw-delivery-scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 9px)); }
}
@media (max-width: 640px){.delivery-marquee-rail{ gap: 12px; }}
@media (max-width: 640px){.delivery-marquee-rail > .delivery-gallery-item{ width: 62vw; }}
@media (max-width: 640px){@keyframes psw-delivery-scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 6px)); }
}}
.psw-card .product-image img{ backface-visibility: hidden; filter: none !important; transform: scale(1) !important; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important; }
.psw-card .product-image:hover img,.psw-card .product-image:focus-visible img{ transform: scale(1.04) !important; }
@media (hover: none){.psw-card .product-image:hover img{ transform: none !important; }}
.psw-card .psw-card-link{ color: inherit; text-decoration: none; }
.psw-card .psw-card-link:hover,.psw-card .psw-card-link:focus-visible{ text-decoration: underline; text-underline-offset: 3px; }
.psw-about{ background: var(--psw-cream) !important; padding: 56px 0px !important; }
.psw-about-inner{ display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); gap: 40px; align-items: center; }
.psw-about-copy h2{ margin: 8px 0px 14px; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.3; color: var(--psw-ink); }
.psw-about-copy p{ margin: 0px 0px 12px; font-size: 15px; line-height: 1.75; color: rgb(95, 77, 61); }
.psw-about-copy strong{ color: var(--psw-ink); }
.psw-price-summary{ width: 100%; border-collapse: separate; border-spacing: 0px; background: rgb(255, 255, 255); border: 1px solid var(--psw-line); border-radius: 16px; overflow: hidden; box-shadow: var(--psw-shadow); font-size: 15px; }
.psw-price-summary caption{ caption-side: top; text-align: left; padding: 0px 0px 10px; font-weight: 700; color: var(--psw-ink); font-size: 16px; }
.psw-price-summary th,.psw-price-summary td{ padding: 13px 16px; text-align: left; border-bottom: 1px solid var(--psw-line); }
.psw-price-summary thead th{ background: rgb(243, 233, 218); font-size: 13px; color: rgb(95, 77, 61); font-weight: 600; }
.psw-price-summary tbody tr:last-child th,.psw-price-summary tbody tr:last-child td{ border-bottom: 0px; }
.psw-price-summary tbody th a{ color: var(--psw-ink); font-weight: 700; text-decoration: none; }
.psw-price-summary tbody th a:hover{ text-decoration: underline; }
.psw-price-summary td:last-child{ font-weight: 700; color: var(--psw-ink); white-space: nowrap; }
@media (max-width: 900px){.psw-about-inner{ grid-template-columns: minmax(0px, 1fr); gap: 24px; }}
@media (max-width: 640px){.psw-about{ padding: 40px 0px !important; }}
@media (max-width: 640px){.psw-price-summary{ font-size: 14px; }}
@media (max-width: 640px){.psw-price-summary th,.psw-price-summary td{ padding: 11px 12px; }}
@media (max-width: 640px){.psw-price-summary td:last-child{ white-space: normal; }}
.hero-line-card.is-empty{ display: none !important; }
.province-hero,.temple-landing-hero{ background: radial-gradient(70% 140% at 85% 50%,#F1E5D2 0%,rgba(241,229,210,0) 60%),linear-gradient(180deg,#FBF7F0,var(--psw-cream)) !important; }
.psw-prov-area{ border-top: 1px solid var(--psw-line); padding: 48px 0px !important; }
.psw-prov-districts{ list-style: none; margin: 0px 0px 24px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; }
.psw-prov-districts span{ display: inline-flex; padding: 8px 14px; border-radius: 999px; background: rgb(255, 255, 255); border: 1px solid var(--psw-line); color: var(--psw-ink); font-size: 14px; text-decoration: none; }
.psw-prov-temples-note{ margin: 0px 0px 14px; font-size: 13px; line-height: 1.6; color: var(--psw-muted); }
.psw-prov-temples{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; align-items: start; }
.psw-prov-temples-note{ grid-column: 1 / -1; }
.psw-prov-district{ background: rgb(255, 255, 255); border: 1px solid var(--psw-line); border-radius: 12px; }
.psw-prov-district summary{ display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 16px; cursor: pointer; font-weight: 600; color: var(--psw-ink); list-style: none; }
.psw-prov-district summary::-webkit-details-marker{ display: none; }
.psw-prov-district summary small{ font-size: 12px; color: var(--psw-muted); font-weight: 400; }
.psw-prov-district summary::after{ content: "+"; color: var(--psw-accent); font-weight: 700; }
.psw-prov-district[open] summary::after{ content: "−"; }
.psw-prov-district ul{ list-style: none; margin: 0px; padding: 0px 16px 14px; columns: 2; column-gap: 20px; font-size: 14px; color: var(--psw-ink); }
.psw-prov-district li{ padding: 3px 0px; break-inside: avoid; }
.psw-prov-district li small{ color: var(--psw-muted); font-size: 12px; }
@media (max-width: 720px){.psw-prov-temples{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 720px){.psw-prov-district ul{ columns: 1; }}
.psw-prov-area .psw-prov-intro{ max-width: 720px; margin: 0px auto 20px; text-align: center; color: var(--psw-muted); line-height: 1.7; }
.psw-prov-area .psw-prov-districts{ justify-content: center; max-width: 820px; margin-left: auto; margin-right: auto; }
.pisut-temple-hero{ position: relative; }
.psw-prov-area{ border-top: 1px solid var(--psw-line); padding: 56px 0px 24px !important; }
.psw-prov-area .section-heading,.psw-temple-dir .section-heading{ text-align: center; }
.psw-prov-area .section-heading h2,.psw-temple-dir .section-heading h2{ margin-inline: auto; }
.psw-temple-dir .section-heading p{ max-width: 560px; margin: 10px auto 0px; color: var(--psw-muted); }
.psw-prov-stats{ list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; max-width: 600px; margin: 24px auto 0px; padding: 0px; }
.psw-prov-stats li{ display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 16px 8px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid var(--psw-line); }
.psw-prov-stats strong{ font-size: clamp(22px, 3vw, 28px); line-height: 1.15; color: var(--psw-ink); }
.psw-prov-stats span{ font-size: 13px; color: var(--psw-muted); text-align: center; }
.psw-temple-dir{ padding: 32px 0px 64px !important; }
.psw-dir-box{ margin-top: 28px; background: rgb(255, 255, 255); border: 1px solid var(--psw-line); border-radius: 24px; box-shadow: rgba(52, 37, 30, 0.06) 0px 10px 30px; overflow: hidden; }
.psw-dir-top{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: var(--psw-cream); border-bottom: 1px solid var(--psw-line); }
.psw-dir-search{ position: relative; flex: 1 1 auto; max-width: 440px; }
.psw-dir-search svg{ position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--psw-muted); pointer-events: none; }
.psw-dir-search input{ width: 100%; min-height: 46px; padding: 10px 16px 10px 44px; border: 1px solid var(--psw-line); border-radius: 999px; background: rgb(255, 255, 255); font-size: 16px; color: var(--psw-ink); }
.psw-dir-search input:focus{ outline: none; border-color: var(--psw-accent); box-shadow: rgba(169, 136, 86, 0.2) 0px 0px 0px 3px; }
.psw-dir-status{ flex: 0 0 auto; margin: 0px; font-size: 13px; color: var(--psw-muted); }
.psw-dir-tabs{ display: flex; gap: 6px; padding: 14px 24px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--psw-line); }
.psw-dir-tabs::-webkit-scrollbar{ display: none; }
.psw-dir-tabs[hidden]{ display: none; }
.psw-dir-tabs button{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 14px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--psw-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.psw-dir-tabs button small{ display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0px 6px; border-radius: 999px; background: rgb(241, 233, 220); font-size: 11px; color: var(--psw-accent-text); }
.psw-dir-tabs button:hover{ background: rgb(248, 243, 234); }
.psw-dir-tabs button[aria-selected="true"]{ background: var(--psw-ink); color: rgb(255, 255, 255); }
.psw-dir-tabs button[aria-selected="true"] small{ background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); }
.psw-dir-tabs button.is-featured-tab{ border-color: rgb(230, 214, 187); color: var(--psw-accent-text); font-weight: 600; }
.psw-dir-tabs button.is-featured-tab[aria-selected="true"]{ background: var(--psw-accent); border-color: var(--psw-accent); color: rgb(255, 255, 255); }
.psw-dir-tabs button:focus-visible{ outline: 2px solid var(--psw-accent); outline-offset: 2px; }
.psw-dir-panel{ padding: 24px; scroll-margin-top: 120px; }
.psw-dir-panel[hidden]{ display: none; }
.psw-dir-box:not(.is-tabs) .psw-dir-panel + .psw-dir-panel,.psw-dir-box.is-searching .psw-dir-panel + .psw-dir-panel{ border-top: 1px solid var(--psw-line); }
.psw-dir-title{ display: flex; align-items: baseline; gap: 10px; margin: 0px 0px 16px; font-size: clamp(18px, 2vw, 21px); color: var(--psw-ink); }
.psw-dir-title small{ font-size: 13px; font-weight: 400; color: var(--psw-muted); }
.psw-dir-group + .psw-dir-group{ margin-top: 20px; }
.psw-dir-group h4{ margin: 0px 0px 10px; font-size: 13px; font-weight: 600; color: var(--psw-accent-text); }
.psw-tgrid{ list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; }
.psw-tcell{ display: flex; flex-direction: column; justify-content: center; gap: 1px; min-height: 60px; padding: 10px 14px; border: 1px solid var(--psw-line); border-radius: 12px; background: rgb(255, 255, 255); transition: border-color 0.2s, background 0.2s; }
.psw-tcell:hover{ border-color: rgb(217, 198, 165); background: rgb(253, 250, 245); }
.psw-tcell-name{ font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--psw-ink); }
.psw-tcell-sub{ font-size: 12px; line-height: 1.4; color: var(--psw-muted); }
.psw-tcell.is-featured{ background: rgb(251, 246, 238); border-color: rgb(230, 214, 187); }
.psw-tcell.is-featured .psw-tcell-name::before{ content: "★ "; color: var(--psw-accent); }
.psw-dir [data-temple].is-hidden,.psw-dir-box [data-temple].is-hidden,.psw-dir-group.is-hidden,.psw-dir-panel.is-hidden{ display: none; }
.psw-dir-empty{ margin: 0px; padding: 32px 24px; text-align: center; color: var(--psw-muted); }
.psw-dir-note{ max-width: 720px; margin: 28px auto 0px; text-align: center; font-size: 13px; line-height: 1.7; color: var(--psw-muted); }
.psw-dir-note p{ margin: 0px 0px 14px; }
@media (max-width: 1100px){.psw-tgrid{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 760px){.psw-tgrid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){.psw-dir-top{ flex-direction: column; align-items: stretch; gap: 8px; padding: 16px; }}
@media (max-width: 760px){.psw-dir-search{ max-width: none; }}
@media (max-width: 760px){.psw-dir-status{ text-align: center; }}
@media (max-width: 760px){.psw-dir-tabs{ padding: 12px 16px; }}
@media (max-width: 760px){.psw-dir-panel{ padding: 18px 16px; }}
@media (max-width: 760px){.psw-dir-box{ border-radius: 18px; }}
@media (max-width: 560px){.psw-prov-stats{ gap: 8px; }}
@media (max-width: 560px){.psw-prov-stats li{ padding: 12px 4px; }}
@media (max-width: 560px){.psw-tcell{ min-height: 56px; padding: 8px 10px; }}
@media (max-width: 560px){.psw-tcell-name{ font-size: 13px; }}
@media (min-width: 761px){.psw-dir-tabs{ flex-wrap: wrap; overflow: visible; }}
.psw-prov-area{ padding: 44px 0px 8px !important; }
.psw-prov-stats{ margin-top: 18px; }
.psw-prov-stats li{ padding: 10px 8px; }
.psw-temple-dir{ padding: 28px 0px 48px !important; }
.psw-dir-box{ margin-top: 20px; }
.psw-dir-top{ padding: 14px 20px; }
.psw-dir-search input{ min-height: 42px; }
.psw-dir-tabs{ padding: 10px 20px; gap: 4px; }
.psw-dir-tabs button{ min-height: 36px; padding: 4px 12px; font-size: 13.5px; }
.psw-dir-panel{ padding: 18px 20px; }
.psw-dir-title{ margin-bottom: 12px; font-size: 17px; }
.psw-tgrid{ grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 6px; }
.psw-tcell{ flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 6px; min-height: 0px; padding: 8px 12px; border-radius: 10px; }
.psw-tcell-name{ flex: 0 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; }
.psw-tcell-sub{ flex: 1 1 0px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.psw-tcell.is-featured .psw-tcell-name::before{ content: "★ "; }
[data-featured-panel] .psw-dir-group{ display: grid; grid-template-columns: 120px minmax(0px, 1fr); gap: 10px; align-items: start; }
[data-featured-panel] .psw-dir-group + .psw-dir-group{ margin-top: 0px; padding-top: 8px; border-top: 1px dashed var(--psw-line); }
[data-featured-panel] .psw-dir-group h4{ margin: 0px; padding-top: 8px; font-size: 13px; }
[data-featured-panel] .psw-dir-group{ padding-bottom: 8px; }
[data-featured-panel] .psw-tgrid{ grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.psw-dir-panel.is-clamped .psw-tgrid{ max-height: 172px; overflow: hidden; mask-image: linear-gradient(rgb(0, 0, 0) 70%, transparent); }
.psw-dir-more{ display: flex; justify-content: center; margin-top: 12px; }
.psw-dir-more button{ min-height: 38px; padding: 6px 18px; border: 1px solid var(--psw-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--psw-accent-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.psw-dir-more button:hover{ border-color: var(--psw-accent); }
.psw-dir-more[hidden]{ display: none; }
@media (max-width: 1100px){.psw-tgrid{ grid-template-columns: repeat(4, minmax(0px, 1fr)); }}
@media (max-width: 1100px){[data-featured-panel] .psw-tgrid{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 900px){.psw-tgrid,[data-featured-panel] .psw-tgrid{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 760px){.psw-tgrid,[data-featured-panel] .psw-tgrid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){.psw-tcell{ flex-direction: column; gap: 0px; padding: 7px 10px; }}
@media (max-width: 760px){.psw-tcell-name,.psw-tcell-sub{ flex: 0 0 auto; max-width: 100%; }}
@media (max-width: 760px){[data-featured-panel] .psw-dir-group{ grid-template-columns: minmax(0px, 1fr); gap: 6px; }}
@media (max-width: 760px){[data-featured-panel] .psw-dir-group h4{ padding-top: 4px; }}
@media (max-width: 760px){.psw-dir-panel.is-clamped .psw-tgrid{ max-height: 214px; }}
[data-featured-panel].is-clamped .psw-tgrid{ max-height: none; mask-image: none; }
[data-featured-panel].is-clamped .psw-dir-groups{ max-height: 300px; overflow: hidden; mask-image: linear-gradient(rgb(0, 0, 0) 75%, transparent); }
@media (max-width: 760px){[data-featured-panel].is-clamped .psw-dir-groups{ max-height: 380px; }}
.psw-areas-region{ display: flex; align-items: baseline; gap: 10px; margin: 28px 0px 14px; font-size: 20px; color: var(--psw-ink); }
.psw-areas-region small{ font-size: 13px; font-weight: 400; color: var(--psw-muted); }
.psw-area-card:hover{ transform: translateY(-3px); border-color: var(--psw-accent); box-shadow: rgba(52, 37, 30, 0.1) 0px 12px 28px; }
.psw-nearby{ padding: 0px 0px 56px !important; }
.psw-nearby-box{ display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr); gap: 24px; align-items: center; padding: 24px 28px; border: 1px solid var(--psw-line); border-radius: 20px; background: var(--psw-cream); }
.psw-nearby-copy span{ font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--psw-accent-text); }
.psw-nearby-copy h2{ margin: 4px 0px 6px; font-size: clamp(20px, 2.4vw, 26px); color: var(--psw-ink); }
.psw-nearby-copy p{ margin: 0px; font-size: 14px; color: var(--psw-muted); }
.psw-nearby-links{ list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.psw-nearby-links a{ display: inline-flex; align-items: center; min-height: 42px; padding: 8px 16px; border: 1px solid var(--psw-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--psw-ink); font-size: 14px; text-decoration: none; }
.psw-nearby-links a:hover{ border-color: var(--psw-accent); }
.psw-nearby-links a.is-hub{ background: var(--psw-ink); border-color: var(--psw-ink); color: rgb(255, 255, 255); font-weight: 600; }
@media (max-width: 760px){.psw-nearby-box{ grid-template-columns: minmax(0px, 1fr); padding: 20px; }}
@media (max-width: 760px){.psw-nearby-links{ justify-content: flex-start; }}
.psw-nearby{ padding: 48px 0px 56px !important; }
.psw-nearby-links a.is-line:hover small{ color: var(--psw-accent-text); }
@media (max-width: 760px){.psw-nearby{ padding: 32px 0px 40px !important; }}
a.psw-tcell-name{ color: var(--psw-ink); text-decoration: underline rgb(217, 198, 165); text-underline-offset: 3px; }
a.psw-tcell-name:hover{ color: var(--psw-accent-text); text-decoration-color: currentcolor; }
.psw-tcell.has-page{ cursor: pointer; }
.psw-temple-map{ display: inline-flex; align-items: center; min-height: 48px; padding: 10px 20px; border: 1px solid var(--psw-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--psw-ink); font-weight: 600; text-decoration: none; }
.psw-temple-map:hover{ border-color: var(--psw-accent); }
.psw-temple-hero .hero-actions{ display: flex; flex-wrap: wrap; gap: 10px; }
.psw-temple-facts{ padding: 40px 0px 8px !important; }
.psw-temple-facts-box{ padding: 24px 28px; border: 1px solid var(--psw-line); border-radius: 20px; background: rgb(255, 255, 255); }
.psw-temple-facts-box h2{ margin: 0px 0px 16px; font-size: clamp(19px, 2.2vw, 23px); color: var(--psw-ink); }
.psw-temple-facts-box dl{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 24px; margin: 0px; }
.psw-temple-facts-box dl > div{ padding: 12px 14px; border-radius: 12px; background: var(--psw-cream); }
.psw-temple-facts-box dl > div.is-note{ grid-column: 1 / -1; background: rgb(251, 246, 238); border: 1px solid rgb(230, 214, 187); }
.psw-temple-facts-box dt{ font-size: 12px; font-weight: 600; color: var(--psw-accent-text); }
.psw-temple-facts-box dd{ margin: 2px 0px 0px; font-size: 14.5px; line-height: 1.6; color: var(--psw-ink); }
.psw-temple-photos{ padding: 40px 0px !important; }
.psw-temple-photo-grid{ list-style: none; margin: 20px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.psw-temple-photo-grid img{ width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; border-radius: 14px; }
@media (max-width: 760px){.psw-temple-facts-box{ padding: 18px; }}
@media (max-width: 760px){.psw-temple-facts-box dl{ grid-template-columns: minmax(0px, 1fr); }}
.psw-dir-note-local{ margin: -4px 0px 14px; padding: 10px 14px; border-radius: 10px; background: rgb(251, 246, 238); border: 1px solid rgb(230, 214, 187); font-size: 13.5px; line-height: 1.6; color: var(--psw-ink); }
.psw-temple-facts .container{ display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); gap: 20px; align-items: stretch; }
.psw-temple-facts-box dl{ grid-template-columns: minmax(0px, 1fr); }
.psw-temple-mapbox{ display: flex; flex-direction: column; margin: 0px; overflow: hidden; border: 1px solid var(--psw-line); border-radius: 20px; background: rgb(255, 255, 255); }
.psw-temple-mapbox iframe{ flex: 1 1 auto; width: 100%; min-height: 360px; border: 0px; background: var(--psw-cream); }
.psw-temple-mapbox figcaption{ padding: 10px 16px; font-size: 13px; color: var(--psw-muted); border-top: 1px solid var(--psw-line); }
.psw-temple-mapbox figcaption a{ color: var(--psw-accent-text); font-weight: 600; }
@media (max-width: 900px){.psw-temple-facts .container{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 900px){.psw-temple-mapbox iframe{ min-height: 300px; }}
.psw-temple-facts{ padding: 8px 0px 56px !important; }
.psw-temple-facts{ padding: 48px 0px 40px !important; }
.psw-temple-facts .container.psw-temple-facts-head{ display: block; }
.psw-temple-facts-head .section-heading{ display: block; text-align: center; margin: 0px auto 22px; }
.psw-temple-facts-head .section-heading h2,.psw-temple-facts-head .section-heading p{ margin-inline: auto; text-align: center; }
.psw-temple-facts-head .section-heading p{ color: var(--psw-muted); }
.psw-temple-facts .container.psw-temple-facts-grid{ display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); gap: 20px; align-items: stretch; }
.psw-temple-facts-box h3{ margin: 0px 0px 14px; font-size: 18px; color: var(--psw-ink); }
@media (max-width: 900px){.psw-temple-facts .container.psw-temple-facts-grid{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 900px){.psw-temple-facts{ padding: 32px 0px 28px !important; }}
.psw-temple-page-hero .pisut-temple-content{ text-align: center; }
.psw-temple-hero-chips{ list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 14px auto 0px; padding: 0px; }
.psw-temple-hero-chips li{ padding: 6px 14px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 999px; background: rgba(20, 14, 10, 0.45); color: rgba(255, 255, 255, 0.92); font-size: 13.5px; backdrop-filter: blur(4px); }
.psw-temple-hero-chips strong{ color: rgb(243, 217, 164); }
.psw-temple-hero-actions{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 18px auto 0px; position: relative; z-index: 2; }
.psw-temple-page-hero .psw-temple-map{ display: inline-flex; align-items: center; min-height: 48px; padding: 10px 22px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-weight: 600; text-decoration: none; }
.psw-temple-page-hero .psw-temple-map:hover{ background: rgba(255, 255, 255, 0.18); }
@media (max-width: 640px){.psw-temple-hero-chips li{ font-size: 12.5px; padding: 5px 11px; }}
#psw-temple-facts-title{ scroll-margin-top: 140px; }
.psw-temple-page-hero .button.psw-temple-map{ gap: 8px; min-height: 50px; padding: 10px 20px; border: 0px; border-radius: 8px; background: rgb(255, 253, 252); color: rgb(73, 49, 37); font-size: 16px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 18px; }
.psw-temple-page-hero .button.psw-temple-map:hover{ background: rgb(243, 235, 221); color: rgb(41, 27, 20); }
.psw-temple-page-hero .button.psw-temple-map svg{ flex: 0 0 auto; color: rgb(169, 136, 86); }
.psw-temple-page-hero .button.psw-temple-map{ background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255); box-shadow: none; }
.psw-temple-page-hero .button.psw-temple-map svg{ color: rgb(243, 217, 164); }
.psw-temple-page-hero .button.psw-temple-map:hover{ background: rgba(255, 255, 255, 0.16); color: rgb(255, 255, 255); }
.psw-temple-hero-actions .psw-track-line{ box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 22px; }
.psw-temple-hero-actions .button.psw-track-line{ box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 22px; background: linear-gradient(rgb(226, 201, 146) 0%, rgb(201, 169, 106) 100%) !important; color: rgb(41, 27, 20) !important; border: 0px !important; }
.psw-temple-hero-actions .button.psw-track-line:hover{ background: linear-gradient(rgb(236, 214, 166) 0%, rgb(211, 180, 119) 100%) !important; color: rgb(41, 27, 20) !important; }
.psw-temple-hero-actions .button.psw-track-line:focus-visible{ outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.psw-temple-hero-actions .button.psw-track-line img,.psw-temple-hero-actions .button.psw-track-line svg{ filter: brightness(0) saturate(100%) invert(11%) sepia(16%) saturate(1500%) hue-rotate(340deg); }
.psw-area-links-temples{ list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.psw-area-links-temples a{ font-size: 13.5px; color: var(--psw-ink); text-decoration: underline rgb(217, 198, 165); text-underline-offset: 3px; }
.psw-area-links-temples a:hover{ color: var(--psw-accent-text); }
.catalog-home-fan .product-heading h2{ padding-left: 22px !important; }
#wreath,#temples,#how-to-order,#faq{ scroll-margin-top: 120px; }
.site-footer .footer-areas-row a:hover{ border-color: rgb(201, 169, 106); color: rgb(255, 255, 255); }
.site-footer .footer-areas-row a.is-hub{ border-color: rgb(201, 169, 106); color: rgb(226, 201, 146); }
.psw-dir-tabs{ gap: 2px; padding: 10px 16px; scroll-behavior: smooth; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 92%, transparent); flex-wrap: nowrap !important; overflow-x: auto !important; }
.psw-dir-tabs button{ padding: 6px 12px; font-size: 14px; }
.psw-dir-tabs button small{ display: none; }
.psw-dir-tabs button.is-featured-tab{ margin-right: 6px; }
.psw-tcell{ background: rgb(255, 255, 255); border-color: var(--psw-line); transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.psw-tcell.is-featured{ background: rgb(255, 255, 255); border-color: var(--psw-line); }
.psw-tcell.is-featured .psw-tcell-name::before{ content: none; }
[data-featured-panel] .psw-tcell .psw-tcell-name::before{ content: none; }
.psw-dir-panel:not([data-featured-panel]) .psw-tcell.is-featured{ background: rgb(251, 246, 238); border-color: rgb(230, 214, 187); }
.psw-dir-panel:not([data-featured-panel]) .psw-tcell.is-featured .psw-tcell-name::before{ content: "★ "; color: var(--psw-accent); }
a.psw-tcell-name{ text-decoration: none; }
.psw-tcell.has-page:hover{ border-color: var(--psw-accent); box-shadow: rgba(52, 37, 30, 0.08) 0px 6px 16px; transform: translateY(-1px); }
.psw-tcell.has-page:hover a.psw-tcell-name{ color: var(--psw-accent-text); }
.psw-tcell.has-page{ position: relative; }
.psw-tcell.has-page a.psw-tcell-name::after{ content: ""; position: absolute; inset: 0px; }
[data-featured-panel] .psw-dir-group{ grid-template-columns: 140px minmax(0px, 1fr); padding: 10px 0px; }
[data-featured-panel] .psw-dir-group + .psw-dir-group{ border-top: 1px solid var(--psw-line); }
[data-featured-panel] .psw-dir-group h4{ font-size: 14px; color: var(--psw-ink); }
.psw-dir-title{ font-size: 18px; }
.psw-dir-tabbar{ position: relative; border-bottom: 1px solid var(--psw-line); }
.psw-dir-tabbar .psw-dir-tabs{ border-bottom: 0px; mask-image: none; }
.psw-dir-tabs > :first-child{ margin-left: auto; }
.psw-dir-tabs > :last-child{ margin-right: auto; }
.psw-dir-tabbar.can-next .psw-dir-tabs{ mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc(100% - 64px), transparent); }
.psw-dir-arrow{ position: absolute; top: 50%; z-index: 1; display: none; place-items: center; width: 34px; height: 34px; margin-top: -17px; padding: 0px; border: 1px solid var(--psw-line); border-radius: 50%; background: rgb(255, 255, 255); color: var(--psw-ink); font-size: 22px; line-height: 1; cursor: pointer; box-shadow: rgba(52, 37, 30, 0.1) 0px 2px 8px; }
.psw-dir-arrow.is-prev{ left: 8px; }
.psw-dir-arrow.is-next{ right: 8px; }
.psw-dir-arrow:hover{ border-color: var(--psw-accent); color: var(--psw-accent-text); }
@media (hover: hover) and (min-width: 761px){.psw-dir-tabbar.can-prev .psw-dir-arrow.is-prev,.psw-dir-tabbar.can-next .psw-dir-arrow.is-next{ display: grid; }}
@media (max-width: 760px){[data-featured-panel] .psw-dir-group{ gap: 8px; grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 760px){[data-featured-panel] .psw-dir-group h4{ padding-top: 0px; }}
.psw-tcell.has-page:hover{ transform: none !important; box-shadow: none !important; border-color: var(--psw-accent) !important; background: rgb(253, 249, 242) !important; }
.psw-tcell{ transition: border-color 0.15s, background 0.15s; }
.psw-tcell.has-page a.psw-tcell-name:focus-visible{ outline: none; }
.psw-tcell.has-page:focus-within{ border-color: var(--psw-accent); box-shadow: rgba(169, 136, 86, 0.25) 0px 0px 0px 2px; }
.psw-temple-near{ padding: 48px 0px 56px !important; }
.psw-temple-near-head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 16px; }
.psw-temple-near-head span{ font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--psw-accent-text); }
.psw-temple-near-head h2{ margin: 4px 0px 0px; font-size: clamp(20px, 2.4vw, 26px); color: var(--psw-ink); }
.psw-temple-near-head a{ flex: 0 0 auto; font-size: 14px; font-weight: 600; color: var(--psw-accent-text); text-decoration: none; }
.psw-temple-near-head a:hover{ text-decoration: underline; }
.psw-temple-near-list{ list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; }
.psw-temple-near-list a{ display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 12px 14px; border: 1px solid var(--psw-line); border-radius: 12px; background: rgb(255, 255, 255); text-decoration: none; transition: border-color 0.15s, background 0.15s; }
.psw-temple-near-list a:hover{ border-color: var(--psw-accent); background: rgb(253, 249, 242); }
.psw-temple-near-list span{ font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--psw-ink); }
.psw-temple-near-list small{ font-size: 12px; color: var(--psw-muted); }
@media (max-width: 1000px){.psw-temple-near-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 560px){.psw-temple-near-head{ flex-direction: column; align-items: flex-start; gap: 6px; }}
.catalog-home-fan .product-heading > div{ position: relative; }
.catalog-home-fan .product-heading > div::before{ content: ""; position: absolute; left: -22px; top: 4px; width: 5px; height: 46px; border-radius: 999px; background: linear-gradient(rgb(180, 151, 96), rgb(113, 80, 57)); }
.catalog-home-fan .product-heading h2{ padding-left: 0px !important; }
.catalog-home-fan .product-heading h2::before{ display: none !important; }
h1,h2,h3,.psw-panel-title,.faq-question span:nth-child(2){ word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }
.psw-chunk{ white-space: nowrap; }
.psw-chunk.is-loose{ white-space: normal; }
.psw-dir-title small,.psw-areas-region small{ white-space: nowrap; }
.psw-dir-title{ display: block !important; }
.psw-dir-title small{ margin-left: 8px; }
.psw-chunk{ font-size: inherit !important; font-weight: inherit !important; color: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; line-height: inherit !important; margin: 0px !important; padding: 0px !important; display: inline !important; }
.psw-chunk:not(.is-loose){ white-space: nowrap !important; }
.delivery-regions .delivery-intro{ position: relative !important; top: auto !important; z-index: 5 !important; }
.delivery-intro .search-box{ align-items: center; gap: 8px; position: relative !important; z-index: 30 !important; display: flex !important; }
.delivery-intro .search-box input{ flex: 1 1 auto; min-width: 0px; }
.delivery-intro .search-box .button{ flex: 0 0 auto; }
.delivery-intro .search-results{ max-height: 360px; overflow: auto; padding: 6px; border: 1px solid rgb(228, 214, 198); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(52, 37, 30, 0.14) 0px 14px 34px; text-align: left; position: absolute !important; z-index: 31 !important; top: calc(100% + 8px) !important; left: 0px !important; right: 0px !important; width: auto !important; }
.delivery-intro .search-results a{ display: block; padding: 9px 12px; border-radius: 8px; color: var(--psw-ink,#3b281d); font-size: 15px; line-height: 1.45; text-decoration: none; }
.delivery-intro .search-results a small{ color: rgb(118, 98, 77); font-size: 12px; }
.delivery-intro .search-results a br{ display: none; }
.delivery-intro .search-results a small{ display: block; }
.delivery-intro .search-results a:hover,.delivery-intro .search-results a:focus-visible{ background: rgb(248, 243, 234); }
.delivery-intro .search-results .search-empty{ padding: 10px 12px; color: rgb(128, 107, 88); font-size: 14px; }
@media (max-width: 620px){.delivery-regions .delivery-layout{ padding-inline: 16px !important; }}
.line-icon{ background-image: url("/wp-content/themes/pisut-wreath/assets/css/../images/line-green.webp") !important; background-position: center center !important; background-size: contain !important; background-repeat: no-repeat !important; }
.psw-care-icon.is-line img{ display: block; width: 34px; height: 34px; object-fit: contain; }
@media (max-width: 640px){.psw-care-icon.is-line img{ width: 30px; height: 30px; }}
.psw-district-answer{ max-width: 760px; margin: 10px auto 0px !important; color: var(--psw-ink,#3b281d) !important; font-size: 16px !important; line-height: 1.75 !important; }
.psw-district-groups{ columns: 260px 3; column-gap: 14px; margin-top: 24px; }
.psw-district-group{ break-inside: avoid; margin: 0px 0px 14px; padding: 16px 18px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 14px; background: rgb(255, 255, 255); }
.psw-district-group h3{ display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0px 0px 10px; padding-bottom: 8px; border-bottom: 1px solid var(--psw-line,#e4d6c6); font-size: 16px; }
.psw-district-group h3 small{ color: rgb(118, 98, 77); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.psw-district-group ul{ display: grid; gap: 2px; margin: 0px; padding: 0px; list-style: none; }
.psw-district-group li::before{ content: none !important; display: none !important; }
.psw-district-group a,.psw-district-group span{ display: block; padding: 6px 8px; border-radius: 8px; color: var(--psw-ink,#3b281d); font-size: 14.5px; line-height: 1.45; text-decoration: none; }
.psw-district-group a:hover,.psw-district-group a:focus-visible{ background: rgb(248, 243, 234); color: var(--psw-accent-text,#7a5c30); }
@media (max-width: 620px){.psw-district-groups{ columns: 1; }}
@media (max-width: 620px){.psw-district-group{ margin-bottom: 10px; }}
@media (max-width: 620px){.psw-district-answer{ font-size: 15px !important; }}
.psw-dir-panel-head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.psw-dir-district-link{ color: var(--psw-accent-text,#7a5c30); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.psw-dir-district-link:hover{ text-decoration: underline; }
[data-featured-panel] .psw-dir-group h4 a{ color: inherit; text-decoration: none; }
[data-featured-panel] .psw-dir-group h4 a:hover{ color: var(--psw-accent-text,#7a5c30); text-decoration: underline; }
.psw-district-temples .section-heading{ max-width: 760px; display: block !important; margin-inline: auto !important; text-align: center !important; }
.psw-district-temples .section-heading h2,.psw-district-temples .section-heading p{ text-align: center !important; margin-inline: auto !important; }
.psw-areas-banner .psw-areas-lead{ max-width: 640px; margin: 10px auto 16px; color: rgba(255, 255, 255, 0.9); font-size: 16px; line-height: 1.7; }
.psw-areas-search.search-box{ position: relative; z-index: 30; gap: 8px; width: min(560px, 100%); margin: 18px auto 0px; padding: 6px; border: 0px; border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(20, 12, 6, 0.25) 0px 10px 28px; text-align: left; display: flex !important; }
.psw-areas-search input{ flex: 1 1 auto; min-width: 0px; min-height: 46px; padding: 0px 14px; background: transparent; font-size: 16px; border: 0px !important; box-shadow: none !important; }
.psw-areas-search input:focus{ outline: none; }
.psw-areas-search:focus-within{ box-shadow: rgba(201, 169, 106, 0.55) 0px 0px 0px 3px, rgba(20, 12, 6, 0.25) 0px 10px 28px; }
.psw-areas-search .button{ flex: 0 0 auto; min-width: 48px; min-height: 46px; border-radius: 10px; }
.psw-areas-search .search-results{ position: absolute; z-index: 31; top: calc(100% + 8px); left: 0px; right: 0px; max-height: 360px; overflow: auto; padding: 6px; border: 1px solid rgb(228, 214, 198); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(52, 37, 30, 0.18) 0px 14px 34px; }
.psw-areas-search .search-results a{ display: block; padding: 9px 12px; border-radius: 8px; color: rgb(59, 40, 29); font-size: 15px; line-height: 1.45; text-decoration: none; }
.psw-areas-search .search-results a small{ display: block; color: rgb(118, 98, 77); font-size: 12px; }
.psw-areas-search .search-results a br{ display: none; }
.psw-areas-search .search-results a:hover,.psw-areas-search .search-results a:focus-visible{ background: rgb(248, 243, 234); }
.psw-areas-search .search-results .search-empty{ display: block; padding: 10px 12px; color: rgb(128, 107, 88); font-size: 14px; }
.psw-areas-banner .pisut-temple-content{ position: relative; z-index: 5; }
.psw-areas-head{ margin-bottom: 18px; text-align: center; }
.psw-areas-head span{ color: var(--psw-accent-text,#7a5c30); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; }
.psw-areas-head h2{ margin: 4px 0px 0px; font-size: clamp(24px, 3vw, 32px); }
.psw-areas-list li::before{ content: none !important; display: none !important; }
.psw-areas-popular-grid a:hover,.psw-areas-popular-grid a:focus-visible{ border-color: var(--psw-accent,#b08d57); box-shadow: rgba(52, 37, 30, 0.08) 0px 8px 20px; }
.psw-areas-all{ padding: 40px 0px 56px !important; }
.psw-areas-jump a:hover,.psw-areas-jump a:focus-visible{ border-color: var(--psw-accent,#b08d57); }
.psw-areas-region-block{ scroll-margin-top: 110px; }
.psw-areas-all .psw-areas-region{ margin: 32px 0px 12px; padding-bottom: 10px; border-bottom: 1px solid var(--psw-line,#e4d6c6); font-size: 20px; }
.psw-areas-list{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.psw-areas-list a{ display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 100%; padding: 11px 14px; border: 1px solid transparent; border-radius: 12px; background: rgb(251, 248, 243); color: var(--psw-ink,#3b281d); text-decoration: none; transition: border-color 0.2s, background 0.2s; }
.psw-areas-list a:hover,.psw-areas-list a:focus-visible{ border-color: var(--psw-accent,#b08d57); background: rgb(255, 255, 255); }
.psw-areas-list strong{ display: block; font-size: 15.5px; }
.psw-areas-list small{ display: block; color: rgb(118, 98, 77); font-size: 12.5px; }
.psw-areas-help{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-top: 36px; padding: 20px 24px; border: 1px solid rgb(230, 214, 187); border-radius: 16px; background: rgb(251, 246, 238); }
.psw-areas-help p{ margin: 0px; color: var(--psw-ink,#3b281d); }
@media (max-width: 1000px){.psw-areas-list{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 760px){.psw-areas-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 620px){.psw-areas-banner .psw-areas-lead{ font-size: 14.5px; }}
@media (max-width: 620px){.psw-areas-list{ gap: 8px; }}
@media (max-width: 620px){.psw-areas-list a{ padding: 10px 12px; }}
@media (max-width: 620px){.psw-areas-help{ padding: 16px; }}
@media (max-width: 620px){.psw-areas-help .button{ width: 100%; justify-content: center; }}
.psw-areas-search.search-box{ grid-template-columns: none !important; }
.psw-areas-search.search-box input{ flex: 1 1 auto !important; width: auto !important; min-width: 0px !important; }
.psw-areas-search.search-box .button{ justify-content: center; flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; padding: 0px !important; }
.psw-areas-banner h1{ overflow-wrap: anywhere; }
@media (max-width: 620px){.psw-areas-banner h1{ font-size: clamp(30px, 9vw, 40px) !important; line-height: 1.25 !important; }}
.psw-areas-banner .psw-areas-lead{ font-size: 17px !important; line-height: 1.7 !important; }
.psw-areas-head p{ max-width: 620px; margin: 8px auto 0px; color: rgb(128, 107, 88); font-size: 15px; }
.psw-areas-lead-districts li::before{ content: none !important; display: none !important; }
.psw-areas-lead-districts{ display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0px 0px; padding: 0px; list-style: none; }
.psw-areas-lead-districts a{ display: inline-flex; min-height: 30px; align-items: center; padding: 3px 11px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; color: rgb(255, 255, 255); font-size: 13px; text-decoration: none; }
.psw-areas-lead-districts a:hover,.psw-areas-lead-districts a:focus-visible{ border-color: rgb(226, 201, 146); color: rgb(226, 201, 146); }
.psw-areas-lead-cta:hover{ color: rgb(255, 255, 255); }
.psw-areas-go{ display: inline-grid; flex: 0 0 auto; place-items: center; color: rgb(185, 161, 124); transition: transform 0.2s, color 0.2s; }
.psw-areas-go .psw-icon{ width: 16px; height: 16px; }
.psw-areas-popular-grid a:hover .psw-areas-go,.psw-areas-list a:hover .psw-areas-go{ color: var(--psw-accent-text,#7a5c30); transform: translateX(2px); }
.psw-areas-all{ background: rgb(250, 246, 240); padding: 48px 0px 64px !important; }
.psw-areas-browser{ margin-top: 22px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 20px; background: rgb(255, 255, 255); box-shadow: rgba(52, 37, 30, 0.06) 0px 12px 32px; overflow: hidden; }
.psw-areas-tabs{ display: flex; gap: 6px; padding: 12px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--psw-line,#e4d6c6); background: rgb(253, 250, 245); }
.psw-areas-tabs[hidden]{ display: none; }
.psw-areas-tabs::-webkit-scrollbar{ display: none; }
.psw-areas-tabs > :first-child{ margin-left: auto; }
.psw-areas-tabs > :last-child{ margin-right: auto; }
.psw-areas-tabs button{ display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--psw-ink,#3b281d); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }
.psw-areas-tabs button small{ display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0px 7px; border-radius: 999px; background: rgb(241, 233, 220); color: var(--psw-accent-text,#7a5c30); font-size: 12px; font-weight: 600; }
.psw-areas-tabs button:hover{ background: rgb(246, 239, 227); }
.psw-areas-tabs button[aria-selected="true"]{ background: var(--psw-ink,#3b281d); color: rgb(255, 255, 255); }
.psw-areas-tabs button[aria-selected="true"] small{ background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); }
.psw-areas-tabs button:focus-visible{ outline: 2px solid var(--psw-accent,#b08d57); outline-offset: 2px; }
.psw-areas-panel{ padding: 20px 22px 24px; }
.psw-areas-panel[hidden]{ display: none; }
.psw-areas-browser:not(.is-tabs) .psw-areas-panel + .psw-areas-panel{ border-top: 1px solid var(--psw-line,#e4d6c6); }
.psw-areas-browser.is-tabs .psw-areas-region{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.psw-areas-all .psw-areas-region{ margin: 0px 0px 14px !important; padding: 0px !important; border: 0px !important; }
.psw-areas-list{ gap: 10px !important; }
.psw-areas-list a{ padding: 13px 16px !important; border: 1px solid var(--psw-line,#ece0cf) !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; }
.psw-areas-list a:hover,.psw-areas-list a:focus-visible{ box-shadow: rgba(52, 37, 30, 0.07) 0px 6px 16px; border-color: var(--psw-accent,#b08d57) !important; }
.psw-areas-help{ background: rgb(255, 255, 255) !important; }
@media (max-width: 620px){.psw-areas-banner .psw-areas-lead{ font-size: 15px !important; }}
@media (max-width: 620px){.psw-areas-tabs > :first-child{ margin-left: 0px; }}
@media (max-width: 620px){.psw-areas-tabs button{ min-height: 40px; padding: 6px 14px; font-size: 14px; }}
@media (max-width: 620px){.psw-areas-browser{ border-radius: 16px; }}
@media (max-width: 620px){.psw-areas-panel{ padding: 14px 12px 16px; }}
@media (max-width: 620px){.psw-areas-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }}
@media (max-width: 620px){.psw-areas-list a{ padding: 11px 12px !important; }}
@media (max-width: 620px){.psw-areas-list strong{ font-size: 14.5px !important; }}
@media (max-width: 620px){.psw-areas-list small{ font-size: 12px !important; }}
@media (max-width: 620px){.psw-areas-list .psw-areas-go{ display: none; }}
.psw-areas-all{ background: linear-gradient(rgb(255, 253, 251) 0%, rgb(247, 240, 230) 100%) !important; }
.psw-areas-browser{ display: grid; grid-template-columns: minmax(280px, 400px) minmax(0px, 1fr); gap: 0px; align-items: start; }
.psw-areas-mapcol{ position: sticky; top: 96px; display: flex; flex-direction: column; gap: 14px; padding: 24px 22px; border-right: 1px solid var(--psw-line,#e4d6c6); background: radial-gradient(120% 80% at 30% 20%, rgb(255, 250, 242) 0%, rgb(246, 237, 223) 100%); }
.psw-areas-map{ position: relative; margin: 0px; }
.psw-areas-map svg{ display: block; width: 100%; max-width: 330px; height: auto; margin: 0px auto; overflow: visible; filter: drop-shadow(rgba(82, 56, 32, 0.12) 0px 10px 18px); }
.psw-map-prov path{ fill: rgb(230, 215, 192); stroke: rgb(255, 250, 242); stroke-width: 0.9; stroke-linejoin: round; transition: fill 0.2s; }
.psw-map-region.is-active .psw-map-prov path{ fill: rgb(176, 141, 87); }
.psw-map-prov:hover path,.psw-map-prov:focus path,.psw-map-prov.is-hot path{ fill: rgb(90, 61, 39) !important; }
.psw-map-prov:focus{ outline: none; }
.psw-map-prov:focus-visible path{ stroke: rgb(59, 40, 29); stroke-width: 2; }
.psw-map-prov.is-focus path{ stroke: rgb(59, 40, 29); stroke-width: 1.6; }
.psw-areas-browser:not(.has-region) .psw-map-prov path{ fill: rgb(201, 173, 128); }
.psw-areas-map-tip{ margin-top: 10px; min-height: 22px; color: var(--psw-accent-text,#7a5c30); font-size: 14px; font-weight: 600; text-align: center; }
.psw-areas-focus-name:hover{ color: rgb(226, 201, 146); }
.psw-areas-chips li::before{ content: none !important; display: none !important; }
.psw-areas-focus ul a:hover,.psw-areas-focus ul a:focus-visible{ border-color: rgb(226, 201, 146); color: rgb(226, 201, 146); }
.psw-areas-listcol{ min-width: 0px; }
.psw-areas-listcol .psw-areas-tabs > :first-child{ margin-left: 0px; }
.psw-areas-list{ grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.psw-areas-list a.is-hot{ border-color: var(--psw-accent,#b08d57) !important; background: rgb(253, 248, 239) !important; }
.psw-areas-chips{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 14px 22px 20px; border-top: 1px solid var(--psw-line,#e4d6c6); }
.psw-areas-chips > span{ color: rgb(118, 98, 77); font-size: 13px; font-weight: 600; }
.psw-areas-chips ul{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0px; padding: 0px; list-style: none; }
.psw-areas-chips a{ display: inline-flex; align-items: center; min-height: 32px; padding: 3px 12px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 999px; background: rgb(255, 255, 255); color: var(--psw-ink,#3b281d); font-size: 13.5px; text-decoration: none; }
.psw-areas-chips a:hover,.psw-areas-chips a:focus-visible{ border-color: var(--psw-accent,#b08d57); color: var(--psw-accent-text,#7a5c30); }
.psw-areas-browser:not(.is-tabs) .psw-areas-region{ position: static; }
@media (max-width: 1100px){.psw-areas-list{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
@media (max-width: 860px){.psw-areas-browser{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 860px){.psw-areas-mapcol{ position: static; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; border-right: 0px; border-bottom: 1px solid var(--psw-line,#e4d6c6); }}
@media (max-width: 860px){.psw-areas-map svg{ max-width: 220px; }}
@media (max-width: 620px){.psw-areas-mapcol{ grid-template-columns: minmax(0px, 1fr); padding: 18px 14px; }}
@media (max-width: 620px){.psw-areas-map svg{ max-width: 200px; }}
@media (max-width: 620px){.psw-areas-chips{ padding: 12px 14px 16px; }}
.psw-areas-mapcol{ position: static !important; align-self: stretch; }
@media (min-width: 861px){.psw-areas-listcol .psw-areas-tabs{ flex-wrap: wrap; justify-content: flex-start; overflow: visible; }}
@media (min-width: 861px){.psw-areas-listcol .psw-areas-tabs{ grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; display: grid !important; }}
@media (min-width: 861px){.psw-areas-listcol .psw-areas-tabs button{ justify-content: center; margin: 0px !important; }}
.psw-areas-tabs button{ white-space: nowrap; }
@media (min-width: 861px) and (max-width: 1240px){.psw-areas-listcol .psw-areas-tabs{ grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }}
@media (max-width: 860px){.psw-areas-mapcol{ display: block !important; }}
@media (max-width: 860px){.psw-areas-map svg{ max-width: 240px; }}
html{ scroll-padding-top: calc(var(--psw-header-h,73px) + 12px) !important; }
main [id]{ scroll-margin-top: 0px !important; }
.psw-info-hero .psw-info-lead{ max-width: 640px; margin: 10px auto 18px; color: rgba(255, 255, 255, 0.9) !important; font-size: 17px !important; line-height: 1.7 !important; }
.psw-info-hero .psw-temple-hero-actions{ justify-content: center; }
.psw-info-hero .psw-temple-map .psw-icon{ width: 18px; height: 18px; }
.psw-info-steps{ padding: 56px 0px 32px !important; }
.psw-info-step-list{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin: 0px; padding: 0px; list-style: none; counter-reset: none; }
.psw-info-step-list > li::before,.psw-info-cats li::before,.psw-info-checklist li::before,.psw-info-fact-grid > li::before{ content: none !important; display: none !important; }
.psw-info-step{ position: relative; display: flex; flex-direction: column; gap: 6px; padding: 22px 20px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 18px; background: rgb(255, 255, 255); }
.psw-info-step-icon{ display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 6px; border-radius: 50%; background: linear-gradient(145deg, rgb(201, 169, 106), rgb(168, 131, 77)); color: rgb(255, 255, 255); box-shadow: rgba(201, 169, 106, 0.18) 0px 0px 0px 5px; }
.psw-info-step-icon .psw-icon{ width: 24px !important; height: 24px !important; }
.psw-info-step-no{ color: var(--psw-accent-text,#7a5c30); font-size: 12.5px; font-weight: 700; letter-spacing: 0.03em; }
.psw-info-step h3{ margin: 0px; font-size: 18px; }
.psw-info-step p{ margin: 0px; color: rgb(111, 90, 72); font-size: 14.5px; line-height: 1.65; }
.psw-info-cats{ display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0px 0px; padding: 0px; list-style: none; }
.psw-info-cats a{ display: inline-flex; align-items: center; min-height: 30px; padding: 3px 11px; border: 1px solid rgb(230, 214, 187); border-radius: 999px; background: rgb(251, 246, 238); color: var(--psw-accent-text,#7a5c30); font-size: 13px; font-weight: 600; text-decoration: none; }
.psw-info-cats a:hover{ border-color: var(--psw-accent,#b08d57); }
.psw-info-prepare,.psw-info-details{ padding: 24px 0px 40px !important; }
.psw-info-prepare-grid{ display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 16px; }
.psw-info-card{ padding: 26px 26px 24px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 20px; background: rgb(255, 255, 255); }
.psw-info-eyebrow{ color: var(--psw-accent-text,#7a5c30); font-size: 13px; font-weight: 700; }
.psw-info-card h2{ margin: 4px 0px 14px; font-size: clamp(22px, 2.4vw, 26px); }
.psw-info-card h3{ margin: 0px 0px 12px; font-size: 18px; }
.psw-info-checklist{ display: grid; gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.psw-info-checklist li{ display: flex; align-items: flex-start; gap: 10px; color: var(--psw-ink,#3b281d); font-size: 15px; line-height: 1.55; }
.psw-info-checklist li > span{ display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: rgb(241, 230, 211); color: var(--psw-accent-text,#7a5c30); }
.psw-info-checklist .psw-icon{ width: 13px !important; height: 13px !important; }
.psw-info-note{ margin: 14px 0px 0px; padding: 10px 14px; border-radius: 12px; background: rgb(251, 246, 238); color: rgb(111, 90, 72); font-size: 14px; }
.psw-info-template{ background: linear-gradient(150deg, rgb(58, 38, 24) 0%, rgb(90, 61, 39) 100%); border-color: transparent; color: rgb(255, 255, 255); }
.psw-info-template .psw-info-eyebrow{ color: rgb(226, 201, 146); }
.psw-info-template h2{ color: rgb(255, 255, 255); }
.psw-info-template pre{ margin: 0px 0px 16px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; line-height: 1.85; white-space: pre-wrap; }
.psw-info-template-actions{ display: flex; flex-wrap: wrap; gap: 10px; }
.psw-info-template-actions .button{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; }
.psw-info-template-actions .button-secondary{ border-color: rgba(255, 255, 255, 0.4) !important; background: transparent !important; color: rgb(255, 255, 255) !important; }
.psw-info-template-actions .button-secondary:hover{ border-color: rgb(226, 201, 146) !important; color: rgb(226, 201, 146) !important; }
.psw-info-template-actions .psw-icon{ width: 16px; height: 16px; }
.psw-info-facts,.psw-info-terms{ background: rgb(250, 246, 240); padding: 40px 0px 48px !important; }
.psw-info-fact-grid{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin: 0px; padding: 0px; list-style: none; }
.psw-info-fact-grid > li{ display: flex; flex-direction: column; gap: 6px; padding: 22px 20px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 18px; background: rgb(255, 255, 255); }
.psw-info-fact-grid > li > span{ display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 4px; border-radius: 14px; background: rgb(246, 238, 223); color: var(--psw-accent-text,#7a5c30); }
.psw-info-fact-grid .psw-icon{ width: 22px !important; height: 22px !important; }
.psw-info-fact-grid h3{ margin: 0px; color: rgb(118, 98, 77); font-size: 14px; font-weight: 600; }
.psw-info-fact-grid strong{ color: var(--psw-ink,#3b281d); font-size: 18px; line-height: 1.45; }
.psw-info-fact-grid p{ margin: 0px; color: rgb(111, 90, 72); font-size: 14.5px; line-height: 1.65; }
.psw-info-fact-grid:not(.is-terms) p{ color: var(--psw-ink,#3b281d); font-size: 15px; }
.psw-info-detail-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
.psw-info-more{ margin: 22px 0px 0px; color: rgb(111, 90, 72); text-align: center; }
.psw-info-more a{ color: var(--psw-accent-text,#7a5c30); font-weight: 600; }
@media (max-width: 1000px){.psw-info-step-list,.psw-info-fact-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 1000px){.psw-info-detail-grid{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 720px){.psw-info-prepare-grid{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 620px){.psw-info-hero .psw-info-lead{ font-size: 15px !important; }}
@media (max-width: 620px){.psw-info-steps{ padding: 40px 0px 20px !important; }}
@media (max-width: 620px){.psw-info-step-list,.psw-info-fact-grid{ grid-template-columns: minmax(0px, 1fr); gap: 10px; }}
@media (max-width: 620px){.psw-info-step{ display: grid; grid-template-columns: 48px minmax(0px, 1fr); gap: 2px 14px; padding: 16px; }}
@media (max-width: 620px){.psw-info-step-icon{ grid-row: span 3; width: 44px; height: 44px; margin: 0px; }}
@media (max-width: 620px){.psw-info-step .psw-info-cats{ grid-column: 2; }}
@media (max-width: 620px){.psw-info-card{ padding: 20px 18px; border-radius: 16px; }}
@media (max-width: 620px){.psw-info-fact-grid > li{ padding: 16px; }}
@media (max-width: 620px){.psw-info-template-actions .button{ flex: 1 1 100%; }}
.psw-stars{ position: relative; display: inline-block; width: 92px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 18'%3E%3Cg fill='%23e4d6c0'%3E%3Cpath id='s' d='M9 1.2l2.3 4.9 5.3.6-3.9 3.6 1.1 5.3L9 12.9l-4.8 2.7 1.1-5.3L1.4 6.7l5.3-.6z'/%3E%3Cuse href='%23s' x='18.5'/%3E%3Cuse href='%23s' x='37'/%3E%3Cuse href='%23s' x='55.5'/%3E%3Cuse href='%23s' x='74'/%3E%3C/g%3E%3C/svg%3E") left center / 92px 18px no-repeat; vertical-align: middle; }
.psw-stars > span{ position: absolute; inset: 0px auto 0px 0px; overflow: hidden; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 18'%3E%3Cg fill='%23c9a14a'%3E%3Cpath id='s' d='M9 1.2l2.3 4.9 5.3.6-3.9 3.6 1.1 5.3L9 12.9l-4.8 2.7 1.1-5.3L1.4 6.7l5.3-.6z'/%3E%3Cuse href='%23s' x='18.5'/%3E%3Cuse href='%23s' x='37'/%3E%3Cuse href='%23s' x='55.5'/%3E%3Cuse href='%23s' x='74'/%3E%3C/g%3E%3C/svg%3E") left center / 92px 18px no-repeat; }
.psw-reviews-score{ display: inline-flex; align-items: center; gap: 10px; margin-top: 4px; padding: 8px 16px; border: 1px solid rgba(226, 201, 146, 0.4); border-radius: 999px; background: rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); }
.psw-reviews-score strong{ color: rgb(226, 201, 146); font-size: 22px; line-height: 1; }
.psw-reviews-score span:last-child{ color: rgba(255, 255, 255, 0.82); font-size: 14px; }
.psw-reviews-list{ padding: 56px 0px 40px !important; }
.psw-reviews-grid{ columns: 300px 3; column-gap: 16px; margin: 0px; padding: 0px; list-style: none; }
.psw-reviews-grid > li::before{ content: none !important; display: none !important; }
.psw-review-card{ display: flex; flex-direction: column; gap: 10px; break-inside: avoid; margin: 0px 0px 16px; padding: 20px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 18px; background: rgb(255, 255, 255); }
.psw-review-card figure{ margin: -20px -20px 4px; overflow: hidden; border-radius: 18px 18px 0px 0px; }
.psw-review-card figure img{ display: block; width: 100%; height: auto; }
.psw-review-card blockquote{ margin: 0px; padding: 0px; border: 0px; color: var(--psw-ink,#3b281d); font-size: 15.5px; line-height: 1.75; }
.psw-review-card blockquote p{ margin: 0px 0px 8px; }
.psw-review-card blockquote p:last-child{ margin: 0px; }
.psw-review-card footer{ display: flex; flex-direction: column; gap: 2px; padding-top: 10px; border-top: 1px solid var(--psw-line,#ece0cf); }
.psw-review-card footer strong{ font-size: 15px; }
.psw-review-card footer small{ color: rgb(118, 98, 77); font-size: 13px; }
.psw-reviews-empty{ padding: 48px 0px 16px !important; }
.psw-reviews-collecting{ display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 18px 22px; max-width: 980px; margin: 0px auto; }
.psw-reviews-collecting-icon{ display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: rgb(246, 238, 223); color: var(--psw-accent-text,#7a5c30); }
.psw-reviews-collecting-icon .psw-icon{ width: 26px !important; height: 26px !important; }
.psw-reviews-collecting h2{ margin: 2px 0px 6px !important; }
.psw-reviews-collecting p{ margin: 0px; color: rgb(111, 90, 72); font-size: 15px; line-height: 1.7; }
.psw-reviews-cta{ padding: 8px 0px 56px !important; }
@media (max-width: 720px){.psw-reviews-collecting{ grid-template-columns: minmax(0px, 1fr); text-align: left; }}
@media (max-width: 720px){.psw-reviews-collecting .button{ width: 100%; justify-content: center; }}
.psw-photo-gallery{ padding: 48px 0px 40px !important; }
.psw-photo-grid{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin: 0px; padding: 0px; list-style: none; }
.psw-photo-grid > li::before{ content: none !important; display: none !important; }
.psw-photo-grid a{ position: relative; display: block; overflow: hidden; border-radius: 16px; background: rgb(239, 230, 216); aspect-ratio: 4 / 5; color: rgb(255, 255, 255); text-decoration: none; }
.psw-photo-grid img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.psw-photo-grid a span{ position: absolute; inset: auto 0px 0px; padding: 28px 14px 12px; background: linear-gradient(0deg, rgba(30, 20, 12, 0.78), transparent); font-size: 13.5px; font-weight: 600; line-height: 1.4; }
.psw-photo-grid a:hover img,.psw-photo-grid a:focus-visible img{ transform: scale(1.04); }
.psw-photo-grid a:focus-visible{ outline: 3px solid var(--psw-accent,#b08d57); outline-offset: 3px; }
.psw-lightbox{ width: min(92vw, 760px); max-width: none; max-height: 92vh; padding: 0px; border: 0px; border-radius: 18px; background: rgb(29, 20, 13); color: rgb(255, 255, 255); overflow: visible; }
.psw-lightbox::backdrop{ background: rgba(12, 8, 5, 0.82); }
.psw-lightbox figure{ margin: 0px; }
.psw-lightbox img{ display: block; width: 100%; max-height: calc(-56px + 92vh); object-fit: contain; border-radius: 18px 18px 0px 0px; background: rgb(0, 0, 0); }
.psw-lightbox figcaption{ padding: 14px 18px; font-size: 15px; font-weight: 600; }
.psw-lightbox-close,.psw-lightbox-nav{ position: absolute; display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: rgb(59, 40, 29); font-size: 26px; line-height: 1; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 18px; }
.psw-lightbox-close{ top: -14px; right: -14px; }
.psw-lightbox-nav{ top: 45%; }
.psw-lightbox-nav.is-prev{ left: -22px; }
.psw-lightbox-nav.is-next{ right: -22px; }
.psw-lightbox-close:focus-visible,.psw-lightbox-nav:focus-visible{ outline: rgb(226, 201, 146) solid 3px; outline-offset: 2px; }
.psw-lightbox-count{ position: absolute; right: 18px; bottom: 15px; color: rgba(255, 255, 255, 0.7); font-size: 13px; }
@media (max-width: 1000px){.psw-photo-grid{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 620px){.psw-photo-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }}
@media (max-width: 620px){.psw-photo-grid a{ border-radius: 12px; }}
@media (max-width: 620px){.psw-photo-grid a span{ padding: 22px 10px 9px; font-size: 12px; }}
@media (max-width: 620px){.psw-lightbox-close{ top: 8px; right: 8px; }}
@media (max-width: 620px){.psw-lightbox-nav{ top: auto; bottom: 64px; }}
@media (max-width: 620px){.psw-lightbox-nav.is-prev{ left: 10px; }}
@media (max-width: 620px){.psw-lightbox-nav.is-next{ right: 10px; }}
.psw-dir-tabs button.is-featured-tab[aria-selected="true"]{ background: var(--psw-accent-text,#7a5c30) !important; border-color: var(--psw-accent-text,#7a5c30) !important; }
@media (max-width: 760px){.pisut-temple-hero{ grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 760px){.pisut-temple-content{ min-width: 0px !important; max-width: 100%; }}
@media (max-width: 760px){.pisut-temple-content > *{ min-width: 0px; max-width: 100%; }}
@media (max-width: 760px){.pisut-temple-hero h1{ overflow-wrap: anywhere; }}
@media (max-width: 760px){.pisut-temple-hero h1{ align-self: stretch; width: 100%; }}
.product-card .product-image{ max-width: calc(100% - 20px); box-sizing: border-box; width: auto !important; margin-left: 10px !important; margin-right: 10px !important; }
.product-card .product-tags .color-tag{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-group-grid > .product-card{ container-type: inline-size; }
@container (max-width: 190px) {
  .product-card .product-tags .color-tag { font-size: 12.5px !important; padding-inline: 8px !important; gap: 5px !important; }
}
@container (max-width: 170px) {
  .product-card .product-tags .color-tag i { display: none !important; }
  .product-card .product-tags .color-tag { padding-inline: 7px !important; }
}
.psw-contact-grid{ grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.psw-contact-grid > li{ position: relative; }
.psw-contact-grid > li.is-line > span{ background: rgb(232, 247, 238); }
.psw-contact-grid > li.is-line .line-icon{ width: 26px !important; height: 26px !important; filter: none !important; }
.psw-contact-email{ overflow-wrap: anywhere; font-size: 16px !important; }
.psw-contact-go{ display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; color: var(--psw-accent-text,#7a5c30); font-weight: 600; text-decoration: none; }
.psw-contact-go .psw-icon{ width: 16px; height: 16px; transition: transform 0.2s; }
.psw-contact-go:hover .psw-icon{ transform: translateX(3px); }
.psw-contact-go::after{ content: ""; position: absolute; inset: 0px; border-radius: 18px; }
.psw-contact-grid > li:hover{ border-color: var(--psw-accent,#b08d57); }
.psw-contact-prepare{ display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: 24px 32px; align-items: start; }
.psw-contact-links{ display: grid; gap: 10px; }
.psw-contact-links a{ display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 14px; background: rgb(251, 248, 243); color: var(--psw-ink,#3b281d); text-decoration: none; }
.psw-contact-links a:hover{ border-color: var(--psw-accent,#b08d57); background: rgb(255, 255, 255); }
.psw-contact-links .psw-icon{ flex: 0 0 auto; width: 22px; height: 22px; color: var(--psw-accent-text,#7a5c30); }
.psw-contact-links strong{ display: block; font-size: 15.5px; }
.psw-contact-links small{ display: block; color: rgb(118, 98, 77); font-size: 13px; }
.psw-about-cats{ grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.psw-about-cats .psw-info-step{ position: relative; }
.psw-about-cats .psw-info-step:hover{ border-color: var(--psw-accent,#b08d57); }
.psw-policy{ padding: 48px 0px 56px !important; }
.psw-policy-layout{ display: grid; grid-template-columns: 240px minmax(0px, 1fr); gap: 28px; align-items: start; max-width: 1040px; }
.psw-policy-toc{ position: sticky; top: calc(var(--psw-header-h,73px) + 16px); padding: 18px; border: 1px solid var(--psw-line,#e4d6c6); border-radius: 16px; background: rgb(255, 255, 255); }
.psw-policy-toc > span{ display: block; margin-bottom: 8px; color: rgb(118, 98, 77); font-size: 13px; font-weight: 600; }
.psw-policy-toc ol{ margin: 0px; padding-left: 18px; }
.psw-policy-toc li{ margin: 6px 0px; }
.psw-policy-toc a{ color: var(--psw-ink,#3b281d); font-size: 14.5px; text-decoration: none; }
.psw-policy-toc a:hover{ color: var(--psw-accent-text,#7a5c30); text-decoration: underline; }
.psw-policy-body{ display: grid; gap: 14px; }
.psw-policy-card h2{ display: flex; align-items: center; gap: 12px; margin: 0px 0px 10px !important; font-size: 21px !important; }
.psw-policy-card h2 > span{ display: grid; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgb(246, 238, 223); color: var(--psw-accent-text,#7a5c30); }
.psw-policy-card h2 .psw-icon{ width: 20px; height: 20px; }
.psw-policy-card p{ margin: 0px 0px 10px; color: var(--psw-ink,#3b281d); font-size: 15.5px; line-height: 1.8; }
.psw-policy-card p:last-child{ margin-bottom: 0px; }
.psw-policy-checks{ display: grid; gap: 8px; margin: 4px 0px 0px; padding: 0px; list-style: none; }
.psw-policy-checks li{ display: flex; align-items: flex-start; gap: 10px; color: var(--psw-ink,#3b281d); font-size: 15.5px; line-height: 1.7; }
.psw-policy-checks .psw-icon{ flex: 0 0 auto; width: 18px; height: 18px; margin-top: 4px; color: rgb(31, 122, 63); }
.psw-policy-body .psw-areas-help{ margin-top: 6px; }
.site-footer .footer-bottom{ flex-wrap: wrap; gap: 8px 18px; }
.footer-legal{ display: flex; flex-wrap: wrap; gap: 6px 16px; margin-right: auto; }
.footer-legal a{ color: inherit; font-size: 13px; text-decoration: none; opacity: 0.85; }
.footer-legal a:hover{ text-decoration: underline; opacity: 1; }
@media (max-width: 1000px){.psw-contact-grid,.psw-about-cats{ grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 860px){.psw-contact-prepare{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 860px){.psw-policy-layout{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 860px){.psw-policy-toc{ position: static; }}
@media (max-width: 620px){.psw-policy-card h2{ font-size: 19px !important; }}
@media (max-width: 620px){.footer-legal{ order: 2; width: 100%; justify-content: center; margin: 0px; }}
.psw-contact-grid .psw-contact-go.psw-track-line{ display: inline-flex !important; width: auto !important; min-height: 0px !important; padding: 10px 0px 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; color: var(--psw-accent-text,#7a5c30) !important; font-size: inherit !important; }
.psw-clients h2,.psw-steps h2,.psw-steps-heading h2{ font-size: clamp(1.7rem, 3.2vw, 2.45rem) !important; line-height: 1.3 !important; }
@media (min-width: 621px){.footer-legal{ margin-right: 0px !important; margin-left: auto !important; }}
@media (min-width: 621px){.site-footer .footer-bottom{ padding-right: 140px !important; }}
@media (max-width: 620px){.footer-legal{ padding-right: 60px; justify-content: flex-start !important; }}
@media (max-width: 360px){.psw-detail-section > .container{ padding-inline: 16px; }}
@media (max-width: 360px){.psw-detail-heading{ min-width: 0px; }}
@media (max-width: 360px){.psw-detail-heading > *{ min-width: 0px; overflow-wrap: anywhere; }}
.article-single-meta time,.article-single-featured figcaption{ color: rgb(107, 88, 72); }
.psw-media-col{ display: grid; gap: 14px; min-width: 0px; align-self: start; }
#product-modal .psw-layout-modal .psw-media,.psw-layout-detail .psw-media{ position: static; }
#product-modal .psw-layout-modal .psw-media-col{ position: sticky; top: 0px; }
.psw-layout-detail .psw-media-col{ position: sticky; top: 96px; }
.psw-media-col .psw-panel-qr{ margin: 0px; padding: 12px 16px; background: rgb(255, 255, 255); border-color: rgba(169, 136, 86, 0.22); }
.psw-media-col .psw-panel-qr img{ width: 84px; height: 84px; }
.psw-media-col .psw-panel-qr strong{ color: rgb(52, 37, 30); font-size: 0.92rem; }
@media (max-width: 760px){.psw-media-col .psw-panel-qr{ display: none; }}
@media (max-width: 720px){#product-modal .psw-layout-modal .psw-media-col,.psw-layout-detail .psw-media-col{ position: static; }}
@media screen and (max-width: 900px){#product-modal .modal-dialog{ overscroll-behavior: contain; overflow: hidden auto !important; }}
.psw-all-sidebar{ display: grid; gap: 18px; }
.psw-all-sidebar .catalog-group-nav a.is-active{ background: var(--psw-ink,#34251e); border-color: var(--psw-ink,#34251e); color: rgb(255, 255, 255); }
.psw-all-count{ margin: 0px; color: rgb(107, 88, 72); font-size: 0.92rem; }
.psw-all-count a{ color: rgb(52, 37, 30); font-weight: 600; }
.psw-all-products .catalog-group-heading h3 a{ color: inherit; text-decoration: none; }
.psw-all-products .catalog-group-heading h3 a:hover{ text-decoration: underline; }