.scent-name-search,.scent-name-search *,.scent-match-page,.scent-match-page *{box-sizing:border-box}
.scent-name-search{padding:72px 24px;background:#f5f2eb;color:#fff}
.scent-name-search__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);max-width:1320px;min-height:535px;margin:auto;overflow:hidden;border:1px solid #c8ad79;border-radius:22px;background:#1d2323;box-shadow:0 24px 55px #302d251c}
.scent-name-search__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(36px,5vw,68px);background:radial-gradient(circle at 0 0,#37403a 0,transparent 44%),#1d2323}
.scent-name-search .scent-name-search__eyebrow{margin:0 0 18px;color:#d8b875;font-size:11px;font-weight:800;letter-spacing:.18em}
.scent-name-search__eyebrow span{padding:0 8px;color:#e7ce9d}
.scent-name-search h2{margin:0;color:#f8f6f1;font-size:clamp(37px,3.8vw,58px);font-weight:650;line-height:1.08;letter-spacing:-.04em}
.scent-name-search h2 em{color:#d8b875;font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}
.scent-name-search__intro{max-width:590px;margin:22px 0 28px;color:#d5d5d0;font-size:15px;line-height:1.7}
.scent-name-search__content .scent-name-search__form{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.scent-name-search__content .scent-name-search__form label{margin-bottom:10px;color:#f0e9da;font-size:13px;letter-spacing:.01em}
.scent-name-search__content .scent-name-search__input-row{position:relative;gap:0;min-height:60px;padding:5px;border:1px solid #d6c29a;border-radius:10px;background:#fff;box-shadow:0 12px 28px #0002}
.scent-name-search__search-icon{display:flex;align-items:center;justify-content:center;flex:0 0 45px;color:#9b7854;font-family:Georgia,serif;font-size:31px;line-height:1}
.scent-name-search__content .scent-name-search__input-row input{min-height:48px;padding:0 10px 0 0;border:0;box-shadow:none;font-size:15px}
.scent-name-search__content .scent-name-search__input-row input:focus{border:0;box-shadow:none}
.scent-name-search__content .scent-name-search__input-row:focus-within{outline:3px solid #e4c27e;outline-offset:2px}
.scent-name-search__content .scent-name-search__input-row button{min-height:48px;padding:0 19px;border-radius:7px;background:#c1a06a;color:#202524;font-size:14px}
.scent-name-search__content .scent-name-search__input-row button:hover{background:#dfbd7f}
.scent-name-search__suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.scent-name-search__suggestions>span{margin-right:4px;color:#aaa9a2;font-size:12px}
.scent-name-search__suggestions a{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #777b70;border-radius:100px;color:#f5f0e8;font-size:12px;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s}
.scent-name-search__suggestions a:hover,.scent-name-search__suggestions a:focus-visible{border-color:#d8b875;background:#3a3e34}
.scent-name-search__suggestions a span{color:#d8b875}
.scent-name-search__note{margin:20px 0 0;color:#a9aaa4;font-size:11px;line-height:1.5}
.scent-name-search__visual{position:relative;min-height:535px;overflow:hidden;background:#d6c9ad}
.scent-name-search__visual img{display:block;width:100%;height:100%;min-height:535px;object-fit:cover;object-position:72% center;filter:saturate(.88)}
.scent-name-search__visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1d232355 0,transparent 25%,transparent 45%,#1d2323dd 100%)}
.scent-name-search__visual-top{position:absolute;top:28px;right:25px;left:25px;display:flex;justify-content:space-between;gap:10px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.1em;text-shadow:0 1px 6px #0008}
.scent-name-search__visual-caption{position:absolute;right:37px;bottom:35px;left:37px;margin:0;color:#fff;text-shadow:0 2px 8px #0008}
.scent-name-search__visual-caption p{margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(25px,2.5vw,37px);font-weight:400;line-height:1.18}
.scent-name-search__visual-caption footer{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.scent-name-search__visual-caption footer>span{color:#e5c990;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.scent-name-search__visual-caption small{color:#f3eee5;font-size:12px;line-height:1.45}
.scent-name-search__visual-caption a{margin-top:3px;color:#e5c990;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.scent-name-search__visual-caption a:hover{color:#fff}
.scent-name-search__visual-caption a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.scent-name-search__form{padding:25px;border:1px solid #e6ddd0;border-radius:16px;background:#fff;box-shadow:0 12px 35px #5e4d2a0d}
.scent-name-search__form label{display:block;margin:0 0 11px;color:#2a2d31;font-size:14px;font-weight:750}
.scent-name-search__input-row{display:flex;gap:9px}
.scent-name-search__input-row input{flex:1;min-width:0;min-height:53px;padding:0 15px;border:1px solid #cbd0d1;border-radius:8px;background:#fff;color:#23272c;font-size:15px;outline:none}
.scent-name-search__input-row input:focus{border-color:#ad7c3a;box-shadow:0 0 0 3px #e9d8b9}
.scent-name-search__input-row button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:0 19px;border:0;border-radius:8px;background:#bc6529;color:#fff;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}
.scent-name-search__input-row button:hover{background:#9e4f1c}
.scent-name-search__input-row button:focus-visible,.scent-match-page a:focus-visible{outline:3px solid #99611e;outline-offset:3px}
.scent-name-search__form>p{margin:12px 0 0;color:#71757b;font-size:12px;line-height:1.5}
.scent-match-page{min-height:70vh;background:#faf9f7;color:#25272b}
.scent-match-page__inner{max-width:1280px;margin:auto;padding:32px 20px 75px}
.scent-match-page__breadcrumb{display:flex;gap:9px;margin-bottom:25px;color:#6d7479;font-size:13px}
.scent-match-page__breadcrumb a:hover{text-decoration:underline}
.scent-match-page__header{max-width:930px}
.scent-match-page__header h1{margin:0;font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-.03em}
.scent-match-page__header>p:not(.scent-name-search__eyebrow){margin:15px 0 25px;color:#626970;font-size:16px;line-height:1.55}
.scent-match-page__header .scent-name-search__form{box-shadow:none}
.scent-match-page__notice{margin:30px 0 10px;padding:16px 18px;border-left:4px solid #c58c48;border-radius:3px;background:#fff;color:#586068;font-size:14px;line-height:1.55}
.scent-match-page__notice strong{color:#25272b}
.scent-match-page__section{margin-top:42px}
.scent-match-page__section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}
.scent-match-page__section-heading h2{margin:0;font-size:25px}
.scent-match-page__section-heading p:not(.scent-match-page__section-kicker){margin:7px 0 0;color:#697078;font-size:13px;line-height:1.5}
.scent-match-page__section-kicker{margin:0 0 8px;color:#9d6f36;font-size:10px;font-weight:850;letter-spacing:.13em}
.scent-match-page__section--similar{padding-top:6px;border-top:1px solid #e6e0d6}
.scent-match-page__section-heading a,.scent-match-page__empty a{color:#9d4c20;font-size:13px;font-weight:750}
.scent-match-page__section-heading a:hover,.scent-match-page__empty a:hover{text-decoration:underline}
.scent-match-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.scent-match-page__section--articles .scent-match-page__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.scent-match-page__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e1ddd6;border-radius:13px;background:#fff;transition:box-shadow .15s,border-color .15s}
.scent-match-page__section--direct .scent-match-page__card{border-color:#dac8a5}
.scent-match-page__card:hover{border-color:#cdb99e;box-shadow:0 10px 27px #27211b13}
.scent-match-page__card--featured{position:relative;isolation:isolate;border-color:#c6a46a;box-shadow:0 9px 29px #96703c20}
.scent-match-page__card--featured::before{content:"";position:absolute;z-index:0;inset:-80%;background:conic-gradient(from 0deg,#b99962 0deg 264deg,#e2c580 285deg,#fff8d8 306deg,#e6c781 325deg,#b99962 348deg 360deg);animation:scent-match-light-orbit 7s linear infinite;pointer-events:none}
.scent-match-page__card--featured::after{content:"";position:absolute;z-index:1;inset:2px;border-radius:11px;background:#fff;pointer-events:none}
.scent-match-page__card--featured>*{position:relative;z-index:2}
.scent-match-page__card--featured:hover{border-color:#b98944;box-shadow:0 13px 35px #94703a35}
.scent-match-page__match-badge{position:absolute!important;z-index:3!important;top:12px;left:12px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:7px 11px;border:1px solid #d4b77b;border-radius:999px;background:#252726f0;color:#f8e6bc;font-size:10px;font-weight:800;letter-spacing:.045em;line-height:1.2;text-transform:uppercase;box-shadow:0 3px 12px #0003}
.scent-match-page__match-badge span{color:#f5ce76;font-size:13px;line-height:1}
@keyframes scent-match-light-orbit{to{transform:rotate(1turn)}}
.scent-match-page__image{display:block;aspect-ratio:5/3;overflow:hidden;padding:12px;background:#f8f7f5}
.scent-match-page__image img{display:block;width:100%;height:100%;object-fit:contain}
.scent-match-page__card-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:18px}
.scent-match-page__card-body small{color:#9d5d30;font-size:10px;font-weight:800;letter-spacing:.04em}
.scent-match-page__section--similar .scent-match-page__card-body small{color:#657b70}
.scent-match-page__card-body strong{font-size:17px;line-height:1.35}
.scent-match-page__card-body em{color:#606a70;font-size:12px;font-style:normal;line-height:1.45}
.scent-match-page__card-details{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:auto;padding-top:12px;border-top:1px solid #ece8e0;color:#58625b;font-size:12px;line-height:1.35}
.scent-match-page__card-details b{flex-basis:100%;color:#22272a;font-size:15px;font-weight:800}
.scent-match-page__card-details span+span::before{content:"·";margin-right:10px;color:#b0aca4}
.scent-match-page__card-body>.scent-match-page__card-link{padding-top:10px;color:#9d4c20;font-size:13px;font-weight:750}
.scent-match-page__empty{margin-top:36px;padding:clamp(25px,4vw,44px);border:1px solid #e5d8bf;border-radius:16px;background:radial-gradient(circle at 100% 0,#f4ead7 0,transparent 40%),#fff;box-shadow:0 12px 34px #3e33250b}
.scent-match-page__empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:50%;background:#f2e6cd;color:#8d5e2d;font-family:Georgia,serif;font-size:25px}
.scent-match-page__empty h2{margin:0 0 8px;font-size:23px}
.scent-match-page__empty p{margin:0 0 17px;color:#626970;line-height:1.5}
.scent-match-page__suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:22px 0 18px}
.scent-match-page__suggestions>span{margin-right:3px;color:#67706a;font-size:12px;font-weight:700}
.scent-match-page__suggestions a{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #d7c49e;border-radius:999px;background:#fcf9f2;color:#6d4c28;font-size:12px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s}
.scent-match-page__suggestions a:hover{border-color:#b48b55;background:#f5ead3;text-decoration:none}
.scent-match-page__suggestions a span{font-size:14px;line-height:1}
.scent-match-page__empty .scent-match-page__catalog-link{display:inline-flex;align-items:center;gap:6px;margin-top:4px}
@media(max-width:850px){.scent-name-search__inner{grid-template-columns:1fr}.scent-name-search__visual,.scent-name-search__visual img{min-height:275px;max-height:275px}.scent-name-search__visual img{object-position:center 57%}.scent-match-page__grid,.scent-match-page__section--articles .scent-match-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.scent-name-search{padding:36px 14px}.scent-name-search__inner{border-radius:15px}.scent-name-search__content{padding:32px 22px}.scent-name-search__eyebrow{font-size:10px}.scent-name-search__eyebrow span{padding:0 3px}.scent-name-search h2{font-size:clamp(36px,10vw,46px)}.scent-name-search__intro{margin:18px 0 23px;font-size:14px}.scent-name-search__content .scent-name-search__input-row{flex-wrap:wrap;padding:5px}.scent-name-search__search-icon{flex-basis:35px}.scent-name-search__content .scent-name-search__input-row input{width:calc(100% - 35px);flex-basis:calc(100% - 35px)}.scent-name-search__content .scent-name-search__input-row button{width:100%;margin-top:4px}.scent-name-search__visual,.scent-name-search__visual img{min-height:290px;max-height:290px}.scent-name-search__visual-top{top:16px;right:16px;left:16px;font-size:8px}.scent-name-search__visual-caption{right:20px;bottom:17px;left:20px}.scent-name-search__visual-caption p{font-size:25px}.scent-name-search__visual-caption small{font-size:11px}.scent-name-search__form{padding:18px}.scent-match-page .scent-name-search__input-row{flex-direction:column}.scent-match-page .scent-name-search__input-row button{width:100%}.scent-match-page__inner{padding:25px 16px 55px}.scent-match-page__section-heading h2{font-size:21px}.scent-match-page__grid,.scent-match-page__section--articles .scent-match-page__grid{grid-template-columns:1fr;gap:14px}.scent-match-page__section-heading{align-items:start;flex-direction:column}.scent-match-page__image{aspect-ratio:5/3}.scent-match-page__empty{margin-top:26px}.scent-match-page__suggestions{align-items:flex-start;gap:8px}.scent-match-page__suggestions>span{width:100%}}
@media(prefers-reduced-motion:reduce){.scent-match-page__card--featured::before{animation:none;background:#c7a46a}}
@media(forced-colors:active){.scent-match-page__card--featured{border:2px solid CanvasText}.scent-match-page__card--featured::before,.scent-match-page__card--featured::after{display:none}.scent-match-page__match-badge{border:1px solid CanvasText;background:Canvas;color:CanvasText}}
