/* Public advertising mockups. Existing RareThailand typography, palette and card system. */
.adsp-kicker{font-size:11px!important;font-weight:600;letter-spacing:1.7px;line-height:1.8;color:#8a7956;text-transform:uppercase}
.adsp-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.adsp-placement-label,.adsp-placement-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;line-height:1.8;color:#66705f}
.adsp-placement-label{margin-bottom:14px}.adsp-placement-label>span:first-child{font-weight:600}
.adsp-placement-footer{padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}
.adsp-placement-footer>span{max-width:65ch}.adsp-placement-footer button,.adsp-placement-footer a{font-size:13px;line-height:1.7}
.adsp-home{padding-top:48px;padding-bottom:48px}
.adsp-home-banner{display:grid;grid-template-columns:1fr 1fr;background:#1b2823;color:#f8f8f3;border-radius:5px;overflow:hidden}
.adsp-home-copy{padding:50px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.adsp-home-copy .adsp-kicker{color:#c5b48e}.adsp-home-copy h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.45;letter-spacing:-.5px;margin-top:20px}.adsp-home-copy h2 em{font-family:var(--font);font-style:normal;color:#c5b48e}
.adsp-home-copy>p:not(.adsp-kicker){font-size:16px;line-height:1.95;color:#ced3c8;margin-top:21px}.adsp-home-copy .btn{margin-top:28px}.adsp-home-copy>small{font-size:11px;line-height:1.9;color:#b6beae;margin-top:20px}
.adsp-home-image{position:relative;min-height:390px;overflow:hidden}.adsp-home-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.adsp-home-image:hover img{transform:scale(1.035)}.adsp-home-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 50%)}.adsp-home-image>span{position:absolute;z-index:1;left:30px;bottom:26px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:1.4px;color:#f7f5eb}
.adsp-category{display:grid;grid-template-columns:150px minmax(0,1fr) 170px;gap:28px;align-items:center;border:1px solid #dad9cb;background:#efeee4;padding:24px;border-radius:5px;margin:0 0 28px}.adsp-category-image{aspect-ratio:1;overflow:hidden;border-radius:3px}.adsp-category-image img{width:100%;height:100%;object-fit:cover}.adsp-category-copy h2{font-size:32px;font-weight:500;letter-spacing:-.7px;margin:8px 0}.adsp-category-copy>p{font-size:15px;line-height:1.85;color:#65705d}.adsp-category-copy .text-link{font-size:14px;margin-top:17px}.adsp-category-meta{display:flex;flex-direction:column;gap:10px;padding-left:24px;border-left:1px solid #d5d5c5}.adsp-category-meta>span{font-size:14px;font-weight:600}.adsp-category-meta>small{font-size:12px;line-height:1.9;color:#69725e}.adsp-category-meta button,.adsp-category-meta a{font-size:12px;line-height:1.7;align-self:flex-start}
.adsp-related{padding-top:44px;margin-top:38px;border-top:1px solid var(--line)}
.adsp-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 28px}.adsp-section-heading>div{min-width:0}.adsp-section-heading h2{font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.45;margin-top:12px;letter-spacing:-.4px}.adsp-section-heading p:not(.adsp-kicker){font-size:16px;line-height:1.9;color:#66705f;margin-top:12px}.adsp-section-heading>.text-link{flex-shrink:0}.adsp-three-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.adsp-three-products .product-card{min-width:0}
.adsp-community-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:36px;align-items:start}.adsp-community-feed{min-width:0}.adsp-post{border:1px solid #dedfd3;background:#fffefa;border-radius:5px;overflow:hidden}.adsp-post-header{display:flex;gap:14px;align-items:center;padding:28px 30px;border-bottom:1px solid #e9e8df}.adsp-brand-avatar{width:48px;height:48px;border-radius:50%;background:#1b2823;color:#d2b982;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;letter-spacing:-.7px;flex-shrink:0}.adsp-post-header strong{font-size:17px;font-weight:650}.adsp-post-header p{font-size:12px;color:#777d6d;margin-top:3px;line-height:1.7}.adsp-follow{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #d6dacb;border-radius:3px;padding:8px 13px;font-size:13px;line-height:1.5;margin-left:auto;flex-shrink:0}.adsp-follow .icon{width:16px;height:16px}.adsp-follow[aria-pressed=true]{background:#edf1e7;border-color:#8a9d7e;color:#3f623e}
.adsp-post-body{padding:32px 34px 30px}.adsp-post-body h2{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:-.6px;margin:14px 0 20px}.adsp-post-body>p:not(.adsp-kicker){font-size:16px;line-height:1.95;color:#5f685b}.adsp-post-body>p.adsp-post-question{margin-top:18px;color:#303d31;font-weight:500}
.adsp-story-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.adsp-story-photos>a{position:relative;min-width:0;aspect-ratio:4/5;background:#e6e4d9;overflow:hidden}.adsp-story-photos img{width:100%;height:100%;object-fit:cover}.adsp-story-photos span{position:absolute;left:12px;bottom:12px;background:#fdfcf1dc;font-size:10px;padding:4px 7px;color:#4a4f41;line-height:1.3}
.adsp-post-collection{padding:24px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #e5e6da}.adsp-post-collection strong{font-size:16px;font-weight:600}.adsp-post-collection p{font-size:12px;line-height:1.8;color:#737b69;margin-top:5px}.adsp-post-collection>.text-link{font-size:14px;flex-shrink:0}.adsp-post-actions{display:grid;grid-template-columns:1fr 1.3fr 1fr;border-bottom:1px solid #e5e6da;padding:9px 20px;gap:8px}.adsp-post-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:3px;font-size:14px;line-height:1.5}.adsp-post-actions button:hover{background:#f1f2e9}.adsp-post-actions button[aria-pressed=true]{background:#e8eee0;color:#416151}.adsp-post-actions .icon{width:18px;height:18px}
.adsp-comments{padding:30px}.adsp-comments h3{font-size:19px;font-weight:600;line-height:1.6}.adsp-comment-note{font-size:12px;color:#77806f;line-height:1.9;margin:7px 0 22px}.adsp-comments-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.adsp-comment{display:flex;gap:13px;align-items:flex-start}.adsp-comment-avatar{width:34px;height:34px;flex-shrink:0;background:#e5e9da;border-radius:50%;display:grid;place-items:center;color:#627556;font-size:14px}.adsp-comment>div{min-width:0;background:#f2f3eb;border-radius:4px;padding:12px 15px;flex:1}.adsp-comment strong{font-size:12px;font-weight:600}.adsp-comment p{font-size:15px;line-height:1.9;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.adsp-comment small{font-size:10px;color:#7d8474}.adsp-comment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.adsp-comment-form textarea{width:100%;resize:vertical;min-height:100px;border:1px solid #d7dccd;background:#fffefa;border-radius:3px;padding:14px;font-size:15px;line-height:1.8;color:#283327}.adsp-comment-form>div{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.adsp-comment-form small{font-size:11px;color:#7b8471}.adsp-comment-form .btn{font-size:13px;min-height:44px}
.adsp-community-aside{display:flex;flex-direction:column;gap:24px}.adsp-aside-panel{border:1px solid #dce0d2;padding:26px;background:#f1f2e9;border-radius:4px}.adsp-aside-panel h2{font-size:21px;line-height:1.55;font-weight:500;margin-top:13px}.adsp-topics{display:flex;flex-direction:column;margin-top:20px}.adsp-topics a{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.7;min-height:56px;border-bottom:1px solid #dce0d3;padding:12px 0}.adsp-topics a:last-child{border:0}.adsp-topics .icon{width:17px;height:17px;color:#788466}.adsp-topics .icon:last-child{margin-left:auto;flex-shrink:0}.adsp-brand-note{background:#fffefa}.adsp-brand-note>p{font-size:14px;line-height:1.9;color:#6a755e;margin:14px 0 22px}.adsp-brand-note .btn{font-size:13px;gap:10px;padding:10px 15px;min-height:44px}.adsp-aside-ad-note{padding:0 6px}.adsp-aside-ad-note>p{font-size:12px;line-height:1.95;color:#78806d;margin:14px 0}.adsp-aside-ad-note button,.adsp-aside-ad-note a{font-size:12px}
.adsp-organic-story{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;border-top:1px solid #dfe1d5;padding:34px 0;margin-top:36px;align-items:center}.adsp-organic-story h2{font-size:24px;font-weight:500;line-height:1.5;margin:12px 0}.adsp-organic-story p:not(.adsp-kicker){font-size:15px;line-height:1.9;color:#69725e;margin-bottom:18px}.adsp-organic-story img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:4px}.adsp-organic-story .text-link{font-size:13px}
.adsp-collection-feature{border-bottom:1px solid #dedfd3;padding-bottom:36px}.adsp-collection-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}.adsp-collection-intro h2{font-size:clamp(36px,4.5vw,62px);font-weight:400;line-height:1.22;letter-spacing:-1.5px;margin:19px 0}.adsp-collection-intro h2 em{font-family:var(--serif);font-weight:400;color:#7c8267}.adsp-collection-intro p:not(.adsp-kicker){font-size:16px;line-height:1.9;color:#66705d}.adsp-collection-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.adsp-collection-links .btn{font-size:14px}.adsp-collection-intro>.adsp-collection-links{flex-direction:column;align-items:stretch;flex-shrink:0}.adsp-collection-mosaic{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}.adsp-collection-mosaic>a{position:relative;width:100%;max-width:100%;min-width:0;background:#eeeee3;overflow:hidden;aspect-ratio:1/1.08;border-radius:3px}.adsp-collection-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.adsp-collection-mosaic>a:hover img{transform:scale(1.03)}.adsp-collection-mosaic>a>span{position:absolute;bottom:17px;left:17px;background:#fffef0e6;color:#4a5141;padding:7px 10px;font-size:10px;letter-spacing:1.2px;line-height:1.6}
.adsp-other-collections{padding-top:46px}.adsp-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.adsp-editorial-grid>a{background:#efefe6;border-radius:4px;overflow:hidden}.adsp-editorial-grid img{width:100%;aspect-ratio:1.85;object-fit:cover}.adsp-editorial-grid>a>div{padding:25px 26px}.adsp-editorial-grid span{font-size:10px;letter-spacing:1.5px;color:#81866f}.adsp-editorial-grid h3{font-size:24px;font-weight:500;line-height:1.5;margin:12px 0}.adsp-editorial-grid p{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;color:#647058;line-height:1.8}
.adsp-collection-detail-hero{position:relative;min-height:460px;display:flex;align-items:flex-end;padding:46px 48px;overflow:hidden;border-radius:5px;background:#1b2823;color:#fffef4}.adsp-collection-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.7}.adsp-collection-detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b16cf,transparent),linear-gradient(0deg,#111b1677,transparent)}.adsp-collection-detail-hero>div{position:relative;z-index:1;max-width:600px}.adsp-collection-detail-hero .adsp-kicker{color:#d5c39c}.adsp-collection-detail-hero h2{font-size:clamp(35px,4.7vw,61px);line-height:1.45;font-weight:400;margin:22px 0 16px;letter-spacing:-.8px}.adsp-collection-detail-hero h2 em{font-style:normal;color:#d5c39c}.adsp-collection-detail-hero p:not(.adsp-kicker){font-size:17px;line-height:1.9;color:#e0e3d6}.adsp-collection-story{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;margin:45px 0 52px;padding-bottom:42px;border-bottom:1px solid #dfe0d3}.adsp-collection-story h2{font-size:32px;line-height:1.55;font-weight:500;margin-top:17px}.adsp-collection-story>div>p:not(.adsp-kicker){font-size:17px;line-height:1.95;color:#626e59}.adsp-collection-story p.adsp-small-note{font-size:13px!important;color:#7a816e!important;line-height:1.9!important;margin-top:20px}.adsp-collection-story .adsp-collection-links{margin-top:26px}.adsp-count{font-size:14px;white-space:nowrap;color:#747c69}.adsp-back-link{margin-top:28px}
@media(max-width:1100px){.adsp-category{grid-template-columns:130px minmax(0,1fr);gap:22px}.adsp-category-meta{grid-column:1/-1;border-left:0;border-top:1px solid #d5d5c5;flex-direction:row;align-items:center;flex-wrap:wrap;padding:17px 0 0}.adsp-category-meta>small{margin-right:auto}.adsp-community-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.adsp-post-header{padding:24px}.adsp-post-body{padding:28px 26px}.adsp-post-collection{padding:22px 25px;flex-wrap:wrap}.adsp-post-actions{padding:8px 12px}.adsp-post-actions button{font-size:12px;gap:6px}.adsp-aside-panel{padding:22px}.adsp-home-copy{padding:35px}.adsp-collection-links{gap:12px}.adsp-collection-intro>.adsp-collection-links .btn{font-size:12px;padding:11px 17px}}
@media(max-width:850px){.adsp-community-layout{grid-template-columns:1fr}.adsp-community-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.adsp-aside-ad-note{grid-column:1/-1;max-width:700px}.adsp-aside-panel{height:100%}.adsp-collection-intro{align-items:flex-start;flex-direction:column}.adsp-collection-intro>.adsp-collection-links{flex-direction:row}.adsp-collection-story{gap:30px}.adsp-home-copy h2{font-size:30px}.adsp-home-copy>p:not(.adsp-kicker){font-size:14px}.adsp-desktop-break{display:none}.adsp-home-image{min-height:390px}.adsp-home-copy{padding:30px}.adsp-three-products{gap:18px}.adsp-editorial-grid h3{font-size:21px}}
@media(max-width:600px){.adsp-home{padding-block:30px}.adsp-home-banner{grid-template-columns:1fr}.adsp-home-copy{padding:30px 25px 32px}.adsp-home-copy h2{font-size:31px;margin-top:18px}.adsp-home-copy>p:not(.adsp-kicker){font-size:15px;margin-top:18px}.adsp-home-copy .btn{font-size:14px;margin-top:22px}.adsp-home-image{min-height:0;aspect-ratio:1.45}.adsp-home-image>span{left:22px;right:22px;bottom:20px;font-size:10px}.adsp-placement-label,.adsp-placement-footer{font-size:12px;gap:12px}.adsp-placement-footer{padding-top:18px;margin-top:18px}.adsp-placement-footer>span{max-width:100%}.adsp-category{padding:20px;gap:18px;grid-template-columns:82px minmax(0,1fr);align-items:start}.adsp-category-image{aspect-ratio:1}.adsp-category-copy .adsp-kicker{font-size:9px!important;letter-spacing:.7px}.adsp-category-copy .adsp-inline{gap:7px}.adsp-category-copy h2{font-size:28px;margin:10px 0}.adsp-category-copy>p{font-size:14px;line-height:1.85}.adsp-category-copy .text-link{font-size:13px;line-height:1.8;gap:7px;margin-top:15px}.adsp-category-meta{gap:7px 15px}.adsp-category-meta>span{font-size:13px}.adsp-category-meta>small{font-size:11px}.adsp-category-meta button,.adsp-category-meta a{font-size:12px}.adsp-related{padding-top:30px;margin-top:30px}.adsp-section-heading{align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.adsp-section-heading h2{font-size:28px;line-height:1.5}.adsp-section-heading p:not(.adsp-kicker){font-size:15px;line-height:1.9}.adsp-section-heading>.text-link{font-size:13px}.adsp-three-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.adsp-three-products>:last-child:nth-child(odd){max-width:calc(50% - 7px);grid-column:1/-1}.adsp-three-products .product-info h3{font-size:15px;line-height:1.75}.adsp-three-products .product-price{font-size:19px}.adsp-post-header{padding:21px 19px;gap:11px;flex-wrap:wrap}.adsp-post-header .adsp-brand-avatar{width:42px;height:42px;font-size:15px}.adsp-post-header strong{font-size:16px}.adsp-post-header p{font-size:11px}.adsp-follow{font-size:12px;padding:7px 10px;gap:5px;min-height:38px}.adsp-post-header .adsp-inline{gap:8px}.adsp-post-body{padding:26px 22px}.adsp-post-body h2{font-size:27px;line-height:1.55;margin:15px 0 19px}.adsp-post-body>p:not(.adsp-kicker){font-size:15px;line-height:2}.adsp-post-collection{padding:22px;gap:14px}.adsp-post-collection strong{font-size:15px}.adsp-post-collection p{font-size:12px}.adsp-post-collection>.text-link{font-size:13px}.adsp-post-actions{gap:4px;padding:10px 8px;grid-template-columns:1fr 1.25fr 1fr}.adsp-post-actions button{flex-direction:column;font-size:11px;gap:5px;padding:8px 2px;min-height:58px}.adsp-post-actions .icon{width:19px;height:19px}.adsp-comments{padding:24px 22px}.adsp-comments h3{font-size:18px}.adsp-comment-form>div{align-items:flex-start;flex-wrap:wrap;gap:12px}.adsp-comment-form .btn{font-size:13px}.adsp-community-aside{grid-template-columns:1fr}.adsp-aside-panel{padding:24px}.adsp-organic-story{grid-template-columns:1fr;gap:23px;margin-top:28px;padding-top:29px}.adsp-organic-story img{aspect-ratio:1.65}.adsp-organic-story h2{font-size:25px}.adsp-kicker{font-size:10px!important;letter-spacing:1.1px}.adsp-collection-intro{gap:23px;margin-bottom:25px}.adsp-collection-intro h2{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:18px 0}.adsp-collection-intro p:not(.adsp-kicker){font-size:15px;line-height:1.95}.adsp-collection-intro>.adsp-collection-links{width:100%;flex-wrap:wrap}.adsp-collection-intro>.adsp-collection-links .btn{font-size:13px;flex:1;padding:12px}.adsp-collection-mosaic{grid-template-columns:1fr 1fr;gap:10px}.adsp-collection-mosaic>a:first-child{grid-column:1/-1;aspect-ratio:1.6}.adsp-collection-mosaic>a>span{font-size:8px;left:12px;bottom:12px;padding:6px 8px}.adsp-other-collections{padding-top:32px}.adsp-editorial-grid{grid-template-columns:1fr;gap:22px}.adsp-editorial-grid>a>div{padding:23px}.adsp-editorial-grid h3{font-size:25px}.adsp-collection-detail-hero{min-height:420px;padding:30px 25px}.adsp-collection-detail-hero h2{font-size:38px;line-height:1.55;margin:22px 0 16px}.adsp-collection-detail-hero p:not(.adsp-kicker){font-size:15px;line-height:1.95}.adsp-collection-story{grid-template-columns:1fr;gap:23px;margin:32px 0 35px;padding-bottom:30px}.adsp-collection-story h2{font-size:29px;margin-top:14px}.adsp-collection-story>div>p:not(.adsp-kicker){font-size:15px;line-height:2}.adsp-collection-story .adsp-collection-links{gap:18px 22px}.adsp-collection-story .adsp-collection-links .btn,.adsp-collection-story .adsp-collection-links .text-link{font-size:13px}.adsp-count{font-size:13px}}
@media(prefers-reduced-motion:reduce){.adsp-home-image img,.adsp-collection-mosaic img{transition:none}}

.adsp-paused{border:1px dashed #c9cebe;background:#eeefe6;border-radius:5px;padding:30px}.adsp-paused h2{font-size:23px;font-weight:500;line-height:1.6}.adsp-paused p{font-size:15px;line-height:1.9;color:#69745f;margin:12px 0 20px}