/* HaTuaBaht SG — warm, editorial colour theme.
   All features and layout come from styles.css; this file only customises appearance.
   Source Base44 colours could not be sampled precisely, so these are warm-tone approximations.
   Primary palette: dark espresso #28211e, parchment #f9f5ee, warm copper #a45a34,
   muted gold #d8b17b and off-white #fffdf9.
   Edit these colours here without paying website-builder credits. */
:root {
  --ink:#302822;
  --muted:#77695e;
  --pink:#a45a34;
  --pink-dark:#824226;
  --soft-pink:#f7ede1;
  --lavender:#e9d8be;
  --bg:#fffcf8;
  --border:#e9ded1;
  --white:#fffdf9;
  --shadow:0 12px 36px #35221514;
  --espresso:#28211e;
  --parchment:#f9f5ee;
  --gold:#d8b17b;
}
body { background:var(--bg); color:var(--ink) }
h1 em,h2 em {color:var(--pink)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {outline-color:var(--pink)}
.announcement {background:#332823;color:#f7e0bd}
.site-header {background:#fffcf8ed;border-color:var(--border)}
.logo-mark {background:#e9d7c2;color:#87502f;transform:none}
.logo-text {letter-spacing:-.9px;font-size:20px}
.logo-text strong {color:#9e542e}
.icon-button:hover,.cart-trigger:hover,.icon-button.active {background:#f4e8db;color:var(--pink)}
.cart-count {background:#a45a34;color:white}
.hero {background:radial-gradient(ellipse at 84% 15%, #4b382a 0%, transparent 39%),linear-gradient(125deg,#29221e 1%,#332720 53%,#433126 100%);color:#f8f0e5}
.hero h1 {color:#fff7e8}
.hero h1 em {color:#e4c192}
.hero-description {color:#dfd1c1}
.hero .eyebrow {background:#ffffff0f;border-color:#c0a48263;color:#eac89b}
.hero .primary-btn {background:#e1b779;border-color:#e1b779;color:#29211b}
.hero .primary-btn:hover {background:#f1c88c;border-color:#f1c88c}
.hero .text-link {color:#f5ddbe;border-color:#d8ad72}
.hero .text-link:hover {color:#fdf7ec}
.hero-note {color:#d0bb9e}
.hero-note-icon {color:#e4bb80}
.circle-backdrop {background:radial-gradient(circle at 32% 24%,#ad8761,#6e4d39);box-shadow:0 0 0 28px #ffffff0b}
.art-card {background:#fffaf2;box-shadow:0 25px 40px #100b0a61}
.art-illustration-peach {background:radial-gradient(circle at 20% 20%,#efd9a9,#b88059)}
.art-illustration-lavender {background:radial-gradient(circle at 30% 25%,#f0d9ba,#b79975)}
.art-card p {color:#805235}
.art-sticker {background:#eac998;color:#6b3e27;border-color:#faf3e6;box-shadow:0 8px 21px #1a140d52}
.art-sticker b {color:#8d4e2f}
.floating-star {color:#dfb884}
.star-two {color:#f4deb2}
.hero-wave {background:radial-gradient(21px 16px at 21px 0,#0000 98%,var(--bg) 100%) repeat-x;background-size:42px 25px}
.perks {background:#fffdf8;border-color:var(--border)}
.perks-grid>div:not(:last-child) {border-color:#e7d7c4}
.perk-symbol,.eyebrow,.small-label {color:#a56640}
.hero .eyebrow {color:#e7c497}
.heading-doodle {color:#d5ab80}
.category-tabs button {border-color:#e0d4c5;background:#fffcf8;color:#715b4c}
.category-tabs button:hover,.category-tabs button.active {background:#9f5834;border-color:#9f5834;color:white}
.search-box,.sort-container select {border-color:#e2d5c8;background:#fffdf9;color:var(--ink)}
.search-box svg {color:#876c56}
.results-line {color:#806f61}
.demo-notice {background:#fff7e9;border-color:#e9d5b2;color:#74512f}
.product-visual {background:#e8d6c6}
.product-visual.theme-lavender {background:linear-gradient(145deg,#d9c9bb,#f1e4d4)}
.product-visual.theme-peach {background:linear-gradient(145deg,#e5c4ad,#f6e2cf)}
.product-visual.theme-mint {background:linear-gradient(145deg,#d4d7bf,#ecedda)}
.product-visual.theme-blue {background:linear-gradient(145deg,#c9cec7,#e7e8df)}
.product-visual.theme-yellow {background:linear-gradient(145deg,#e8d5ac,#f8eed8)}
.product-visual.theme-pink {background:linear-gradient(145deg,#d9b9a7,#f3dfca)}
.product-visual.theme-neutral {background:linear-gradient(145deg,#ded2c7,#f6ece3)}
.product-art-emoji {filter:drop-shadow(2px 18px 13px #5c422427)}
.product-label {color:#7f4d2e;background:#fffcf5}
.product-save {background:#fffdf9ef;color:#906a50}
.product-save.saved svg {color:#a45a34;fill:#a45a34}
.product-category {color:#9c7053}
.product-price {color:#8b4b2b}
.add-button {border-color:#d3b596;background:#fcf4e9;color:#874b2e}
.add-button:hover {background:#a45a34;border-color:#a45a34;color:#fff}
.add-button[disabled] {background:#f2eee8;color:#89817a;border-color:#e4ddd5}
.secondary-btn {border-color:#caab88;color:#85502c;background:#fffcf8}
.secondary-btn:hover {background:#f8eedf}
.how-section {background:#f5efe5}
.step-card {background:#fffdf9;border-color:#e8dccd}
.step-number {color:#b58d6c}
.about-art {background:linear-gradient(135deg,#d5b792,#ad7e57)}
.about-art:before {border-color:#fff9}
.about-heart {color:#f7e8d0;text-shadow:0 10px 23px #5b3b2833}
.about-star {color:#ead08e}
.about-text {color:#4f3324}
.about-text em {color:#7b442c}
.about-bullet {color:#66564b}
.about-bullet span {color:#a45a34}
.questions-section {background:#faf4ec}
.faq-list details {border-color:#e2d4c3}
footer {background:#2c231e;color:#f4e7d7}
footer .logo-text {color:#f7eddf}
footer .logo-text strong {color:#e9ba79}
footer .logo-mark {background:#4c3930;color:#e6b47b}
footer .footer-main p {color:#c5b3a3}
footer .footer-links h3 {color:#f3debe}
footer .footer-links a,footer .footer-links span {color:#cbb9aa}
footer .footer-links a:hover {color:#f1c68e}
footer .footer-bottom {border-color:#58483d;color:#b9a999}
.drawer-overlay {background:#2017119c}
.cart-drawer,.product-dialog,.checkout-dialog {background:#fffcf8}
.drawer-top,.drawer-bottom,.cart-line {border-color:#e9ddd0}
.drawer-top h2 span {color:#997250}
.close-button {background:#f2e7dc;color:#775238}
.cart-thumb {background:#e5d1bb}
.cart-line p,.total-line strong {color:#974f2b}
.qty-controls {border-color:#ddcaba}
.qty-controls button {background:#fffcf8}
.continue-shopping {color:#895d40}
.product-dialog::backdrop,.checkout-dialog::backdrop {background:#241d18ad}
.detail-visual {background:#e9d7c3}
.detail-copy .detail-price {color:#955130}
.checkout-dialog label span {color:#9b542d}
.checkout-dialog input,.checkout-dialog textarea {border-color:#dfd0c2;background:#fffdf9}
.checkout-dialog input:focus,.checkout-dialog textarea:focus {outline-color:#e8c79f}
.order-preview {background:#f5ece0}
.order-preview-top span {color:#955130}
.checkout-item {color:#6f5d4e}
.order-preview small {border-color:#e0d1c1;color:#8c7666}
.toast {background:#352922;color:#fff8ed}
@media(max-width:680px){.logo-text{font-size:17px}}
@media(max-width:360px){.logo-text{font-size:15px}}

/* Optional logo supplied from Shop Manager. Existing flower+name remains the default. */
.logo-photo {height:46px;max-width:110px;object-fit:contain;flex-shrink:0;display:block}
.logo.is-logo-only .logo-photo {height:54px;max-width:220px}
.logo-photo[hidden],.logo-mark[hidden],.logo-text[hidden] {display:none !important}
footer .logo-photo {max-height:55px}
@media(max-width:680px){.logo-photo{height:40px;max-width:66px}.logo.is-logo-only .logo-photo{max-width:min(220px,calc(100vw - 208px));height:48px}}

/* Photos belong to each product by ID. Customers can browse its own full photo gallery. */
.product-gallery-count{position:absolute;right:11px;bottom:11px;background:#fffdf5e9;color:#51382c;padding:5px 9px;font-size:11px;font-weight:800;border-radius:40px;box-shadow:0 3px 12px #362a2718}
.detail-media{min-width:0}.detail-thumbnails{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.detail-thumbnails button{width:68px;height:68px;background:#fff8f1;border:2px solid #e2d3c6;border-radius:12px;padding:3px;cursor:pointer;overflow:hidden;flex:0 0 auto}
.detail-thumbnails button.selected,.detail-thumbnails button:focus-visible{border-color:#a86e4f;outline:2px solid #e6ad8c;outline-offset:2px}
.detail-thumbnails img{width:100%;height:100%;object-fit:contain;border-radius:7px}
.gallery-help{font-size:11px;color:#887265;margin:9px 0 0}
@media(max-width:680px){.detail-thumbnails button{height:57px;width:57px}.product-gallery-count{right:7px;bottom:7px;padding:4px 7px;font-size:10px}}

/* Quantity selection happens before placing a product in the bag. */
.detail-quantity-group{margin:4px 0 20px;padding:16px 16px 13px;background:#f7efe5;border:1px solid #e5d6c4;border-radius:16px}
.detail-quantity-group>label{display:block;font-size:13px;line-height:1.4;font-weight:850;color:#4e3529;margin-bottom:10px}
.detail-quantity-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.detail-quantity-stepper{display:inline-flex;align-items:center;border:1px solid #cbb29a;background:#fffdf9;border-radius:12px;overflow:hidden;min-height:48px}
.detail-quantity-stepper button{border:0;background:transparent;width:47px;min-height:48px;font-size:25px;font-weight:650;color:#7d452d;cursor:pointer}
.detail-quantity-stepper button:focus-visible{outline:3px solid #a45a34;outline-offset:-4px}
.detail-quantity-stepper button[disabled]{color:#c7b9ac;cursor:not-allowed}
.detail-quantity-stepper input{border:0;border-inline:1px solid #eddfd0;width:69px;height:48px;text-align:center;background:#fffdf9;color:#362820;font:800 17px/1.2 inherit;font-size:17px;font-weight:800;appearance:textfield;-moz-appearance:textfield;padding:0 4px}
.detail-quantity-stepper input::-webkit-inner-spin-button,.detail-quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.detail-quantity-stepper input:focus-visible{outline:2px solid #a45a34;outline-offset:-2px}
.detail-line-total{font-weight:850;font-size:16px;color:#955130}
.detail-quantity-help{font-size:12px!important;line-height:1.55!important;margin:10px 0 0!important;color:#736153!important}
.detail-copy .stock-indicator{margin-bottom:12px}
@media(max-width:680px){.detail-quantity-group{padding:12px;margin:2px 0 17px}.detail-quantity-stepper button{width:43px}.detail-quantity-stepper input{width:55px}.detail-line-total{font-size:14px}}
/* Compact mobile product details leave room for the quantity and bag action. */
@media(max-width:680px){
 .product-dialog{max-height:92dvh}
 .detail-grid{padding:18px;gap:13px}
 .detail-visual{max-height:205px}
 .detail-copy h2{margin:8px 0}
 .detail-copy .detail-price{margin-bottom:7px}
 .detail-copy>p{line-height:1.55}
 .detail-copy .stock-indicator{margin:8px 0}
}
@media(max-width:680px){.detail-visual{width:min(100%,205px);margin-inline:auto}}

/* Pre-order presentation */
.stock-indicator{line-height:1.55}
.product-label{font-weight:850}

/* Main categories + subcategories; full catalogue directory */
.shop-toolbar{flex-direction:column;align-items:stretch}
#category-tabs .category-count{font-size:.72em;opacity:.7;margin-left:4px}
.subcategory-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f4e8dc;border:1px solid #e6d4c4;border-radius:15px;padding:11px 14px;width:100%;margin-bottom:12px}
.subcategory-tabs[hidden]{display:none!important}
.sub-filter-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:850;color:#896449;margin-right:5px}
.subcategory-tabs button{border:1px solid #dfc8b5;background:#fffdf8;color:#6a4535;border-radius:22px;padding:8px 13px;cursor:pointer;font-size:13px;font-weight:700}
.subcategory-tabs button.active,.subcategory-tabs button[aria-pressed="true"]{background:#604432;color:#fff;border-color:#604432}
.catalog-quick-link{display:flex;justify-content:flex-end;margin:10px 0 4px}
.catalog-quick-link a{color:#805033;font-weight:800;text-underline-offset:4px}
.catalog-page .hero,.catalog-page .perks,.catalog-page .how-section,.catalog-page .about-section,.catalog-page .questions-section{display:none}
.catalog-page .shop-section{padding-top:20px}
.catalog-page .shop-section .section-heading{display:none}
.catalog-banner{background:linear-gradient(122deg,#3b2a23,#795039);color:#fff7ee;padding:44px 0 50px}
.catalog-banner .small-label{color:#e9c7ab}
.catalog-banner h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.1;letter-spacing:-.04em;margin:9px 0 13px}
.catalog-banner h1 em{font-family:Georgia,serif;font-weight:400;color:#edc9af}
.catalog-banner p{max-width:720px;color:#f5e4d8;line-height:1.7;font-size:16px}
.catalog-banner a{color:#fff5eb;text-underline-offset:4px}
.catalog-directory{margin:24px auto 20px;max-width:1200px}
.directory-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.directory-head h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:8px 0 0}
.directory-head h2 em{font-family:Georgia,serif;color:#a66b4a;font-weight:400}
.directory-head>span{font-size:13px;color:#856e5a}
.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.directory-group{border:1px solid #e1d2c3;border-radius:17px;box-shadow:0 3px 15px #2e24180b;background:#fffcf8;overflow:hidden}
.directory-group>button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;padding:18px 18px 13px;border:0;background:transparent;color:#3a2822;width:100%;cursor:pointer}
.directory-group>button strong{font-size:17px}
.directory-group>button span{color:#895d43;font-size:12px;white-space:nowrap}
.directory-subgroups{border-top:1px solid #f0e5d9;padding:10px 16px 14px;display:flex;flex-wrap:wrap;gap:6px}
.directory-subgroups button{border:1px solid #ecdccf;border-radius:8px;background:#fff8f0;color:#805239;font-size:12px;padding:8px 10px;cursor:pointer}
.directory-subgroups button span{display:inline-block;margin-left:6px;font-weight:800;color:#b4805f}
.directory-no-sub{font-size:12px;color:#9a8778}
.directory-group button:hover,.directory-group button:focus-visible{background:#faecdf;outline-color:#9c6447}
.catalog-page .catalog-quick-link{display:none}
@media(max-width:670px){.catalog-banner{padding:29px 0}.directory-head{align-items:start;display:block}.directory-head>span{display:block;margin-top:7px}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.subcategory-tabs{padding:10px}}