:root { --poula-green: #60e02c; --poula-green-dark: #137f26; --poula-black: #080b0d; --poula-muted: #9da8ad; }
body { background: #f5f7f7; color: #172022; font-family: Arial, Helvetica, sans-serif; }
#container { position: static; margin-bottom: 0; min-height: 100vh; }
#content, #column-left, #column-right { padding-bottom: 0; }
.poula-topbar { background: #fff !important; border: 0 !important; border-bottom: 1px solid #e3e8e6 !important; margin: 0 !important; padding: 8px 0 !important; position: static; }
.poula-topbar .row { align-items: center; justify-content: space-between; }
.poula-topbar .poula-brand-slot { display: block; }
.poula-topbar #logo { text-align: left; }
.poula-topbar #logo img { display: block; max-height: 76px; width: 236px; }
.poula-topbar .col.text-end { flex: 0 0 auto; width: auto; }
.poula-topbar ul.list-inline { align-items: center; display: flex; gap: 12px; }
.poula-topbar .list-inline-item { margin: 0 !important; }
.poula-topbar .list-inline-item > a, .poula-topbar .list-inline-item .dropdown > span { color: #3c4548 !important; font-size: .74rem !important; font-weight: 700; line-height: 28px !important; padding: 0 !important; }
.poula-header { background: #fff; padding: 13px 0 14px; box-shadow: 0 1px 0 rgba(0,0,0,.08); }
#logo { margin: 0; text-align: left; }
#logo img { max-width: 100%; object-fit: contain; }
.poula-service-summary { align-items: center; color: #4c5558; display: flex; font-size: .72rem; gap: 10px; line-height: 1.25; }
.poula-service-summary i { color: #ec8412; font-size: 1.5rem; }
.poula-service-summary strong { color: #182426; display: block; font-size: .81rem; }
#search { margin: 9px 0 0; }
#search .form-control-lg { border: 1px solid #d6dddd; border-radius: 999px 0 0 999px; font-size: .9rem; height: 46px; padding-left: 20px; }
#search .btn-lg { background: var(--poula-green-dark); border: 1px solid var(--poula-green-dark); border-radius: 0 999px 999px 0; color: #fff; height: 46px; padding: 0 23px; text-shadow: none; }
#cart { margin-top: 32px; }
#cart .btn { border-radius: 999px; }
.poula-promo { background: linear-gradient(100deg, #eff9ed, #fff8ee); border: 1px solid #dfeae0; border-radius: 8px; color: #225c2d; font-size: .76rem; font-weight: 800; height: 28px; overflow: hidden; white-space: nowrap; }
.poula-promo-track { animation: poula-marquee 18s linear infinite; display: inline-flex; gap: 64px; line-height: 27px; padding-left: 100%; }
.poula-promo i { color: #ec8412; margin-right: 6px; }
@keyframes poula-marquee { to { transform: translateX(-100%); } }
#menu { display: none; }
#menu .navbar-nav > li > a { color: #172022; text-shadow: none; font-size: .9rem; font-weight: 700; padding: 17px 18px; }
.poula-main-nav { background: linear-gradient(90deg, #e9edee, #f7f8f8); border-top: 3px solid var(--poula-green); border-bottom: 1px solid #d5dcdd; box-shadow: 0 3px 8px rgba(0,0,0,.06); }
.poula-main-nav .container { align-items: center; display: flex; gap: 4px; min-height: 55px; overflow-x: auto; }
.poula-main-nav a { color: #273235; font-size: .88rem; font-weight: 800; padding: 17px 16px; text-decoration: none; white-space: nowrap; }
.poula-main-nav a:first-child { color: var(--poula-green); }
.poula-main-nav a:hover { color: #ffab32; }
.poula-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 75% 22%, rgba(93,224,44,.32), transparent 24%), radial-gradient(circle at 84% 92%, rgba(247,151,44,.17), transparent 25%), linear-gradient(120deg, #f8faf9 15%, #e9f3ea 62%, #e7eeee 100%); min-height: 510px; color: #172022; }
.poula-hero::after { content: "♪"; position: absolute; right: 6%; bottom: -18%; color: rgba(24,124,50,.10); font-size: 33rem; font-weight: 700; line-height: 1; transform: rotate(-14deg); }
.poula-hero-copy { position: relative; z-index: 1; max-width: 620px; padding: 105px 0 100px; }
.poula-kicker { color: var(--poula-green); font-size: .78rem; font-weight: 800; letter-spacing: .18em; margin: 0 0 14px; }
.poula-hero h1 { color: #172022; font-size: clamp(2.8rem, 6vw, 5.5rem); font-weight: 900; letter-spacing: -.06em; line-height: .93; margin: 0 0 23px; }
.poula-hero-copy > p:not(.poula-kicker) { color: #526165; font-size: 1.08rem; line-height: 1.65; max-width: 500px; }
.poula-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.poula-btn-primary, .poula-btn-secondary { border-radius: 999px; font-weight: 800; padding: 13px 22px; }
.poula-btn-primary { background: var(--poula-green); border-color: var(--poula-green); color: #061008; }
.poula-btn-primary:hover { background: #85fa54; color: #061008; }
.poula-btn-secondary { border: 1px solid #879396; color: #273235; }
.poula-btn-secondary:hover { background: #273235; color: #fff; }
.poula-section { padding: 88px 12px; }
.poula-section-heading { max-width: 600px; margin-bottom: 34px; }
.poula-section h2 { color: #14251a; font-size: clamp(2rem, 4vw, 3.3rem); font-weight: 900; letter-spacing: -.045em; }
.poula-section-heading > p:last-child { color: #647074; line-height: 1.6; }
.poula-category-card { align-items: flex-end; background: linear-gradient(145deg, #173022, #07120b); border: 1px solid rgba(96,224,44,.16); border-radius: 18px; color: #fff; display: flex; flex-direction: column; justify-content: space-between; min-height: 185px; overflow: hidden; padding: 22px; position: relative; text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.poula-category-card:hover { border-color: var(--poula-green); color: #fff; transform: translateY(-5px); }
.poula-category-card i { align-self: flex-start; color: var(--poula-green); font-size: 2rem; }
.poula-category-card span { align-self: flex-start; font-size: 1.05rem; font-weight: 800; }
.poula-promise { background: #0a100d; color: #fff; padding: 34px 0; }
.poula-promise .row > div { align-items: center; display: flex; gap: 15px; }
.poula-promise i { color: var(--poula-green); font-size: 1.65rem; }
.poula-promise strong, .poula-promise span { display: block; }
.poula-promise span { color: #aab5ae; font-size: .86rem; margin-top: 3px; }
.poula-products-placeholder { padding-top: 58px; padding-bottom: 75px; }
footer.poula-footer { background: #263235; border: 0; bottom: auto; clear: both; color: #d6dede; margin: 0; padding: 42px 0 22px; position: static !important; width: auto; }
.poula-footer h5 { color: #fff; font-size: 1.3rem; font-weight: 900; }
.poula-footer h6 { color: #8bed66; font-weight: 800; }
.poula-footer-description { max-width: 340px; }
.poula-footer a { color: #d6dede; display: block; margin: 5px 0; text-decoration: none; }
.poula-footer a:hover { color: var(--poula-green); }
.poula-footer hr { border-color: rgba(255,255,255,.14); margin-top: 38px; }
.poula-footer p { font-size: .8rem; margin-bottom: 0; }
@media (max-width: 767.98px) { .poula-topbar .poula-brand-slot { width: auto; } .poula-topbar #logo img { width: 185px; } .poula-topbar .list-inline-item:nth-child(1), .poula-topbar .list-inline-item:nth-child(3), .poula-topbar .list-inline-item:nth-child(4) { display: none; } #search, #cart { margin-top: 10px; } #cart { margin-bottom: 0 !important; } .poula-service-summary { display: none; } .poula-promo { margin-top: 8px; } .poula-main-nav a { padding-left: 11px; padding-right: 11px; } .poula-hero { min-height: 440px; } .poula-hero-copy { padding: 72px 8px; } .poula-section { padding-top: 58px; padding-bottom: 58px; } .poula-promise { padding: 28px 14px; } }

/* Clean storefront header and music category tiles */
.poula-store-header { background: #fff; border-bottom: 1px solid #dce3e2; padding: 16px 0; }
.poula-store-header #logo { text-align: left; }
.poula-store-header #logo img { display: block; max-height: 92px; width: 270px; }
.poula-store-header #search { margin: 0; }
.poula-store-header #cart { margin: 7px 0 0; }
.poula-account-actions { align-items: center; display: flex; gap: 13px; justify-content: flex-end; min-height: 24px; }
.poula-account-actions > a, .poula-account-actions .dropdown > span { color: #334044; cursor: pointer; font-size: .76rem; font-weight: 800; text-decoration: none; }
.poula-account-actions i { color: #eb8619; margin-right: 4px; }
.poula-account-actions .dropdown-menu { font-size: .85rem; }
.poula-main-nav { background: linear-gradient(90deg, #eef1f1, #ffffff); border-top: 3px solid var(--poula-green); border-bottom: 1px solid #d5dcdd; box-shadow: none; }
.poula-section { padding: 48px 12px 66px; }
.poula-section-heading { border-bottom: 1px solid #dce4e2; margin-bottom: 26px; max-width: none; padding-bottom: 22px; }
.poula-section h1 { color: #1f2c2f; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 900; letter-spacing: -.045em; margin: 0 0 10px; }
.poula-category-card { background: linear-gradient(145deg, #ffffff, #eff3f2); border: 1px solid #d8e1df; border-radius: 12px; color: #263437; justify-content: flex-end; min-height: 168px; padding: 18px; }
.poula-category-card::before { background: linear-gradient(135deg, rgba(96,224,44,.16), rgba(235,134,25,.10)); border-radius: 50%; content: ""; height: 92px; position: absolute; right: -22px; top: -26px; width: 92px; }
.poula-category-card:hover { background: #fff; border-color: #65bf44; box-shadow: 0 10px 24px rgba(23,86,41,.12); color: #172022; transform: translateY(-4px); }
.poula-category-card i { align-self: flex-start; background: #e5f6df; border-radius: 12px; color: #177b2a; font-size: 1.8rem; padding: 13px; position: relative; z-index: 1; }
.poula-category-card span { color: #243136; font-size: 1rem; font-weight: 850; }
.poula-hero, .poula-promise, .poula-products-placeholder { display: none; }
@media (max-width: 767.98px) { .poula-store-header { padding: 12px 0; } .poula-store-header #logo { text-align: center; } .poula-store-header #logo img { margin: 0 auto; width: 220px; } .poula-account-actions { justify-content: center; margin-top: 8px; } .poula-store-header #cart { margin: 9px 0 0; } .poula-section { padding-top: 34px; } }

/* Store controls, promotion space and expandable music navigation */
.poula-utility-bar { background: #edf1f1; border-bottom: 1px solid #d9e0df; min-height: 31px; }
.poula-utility-links { align-items: center; display: flex; gap: 15px; justify-content: flex-end; min-height: 31px; }
.poula-utility-links > a, .poula-utility-links .dropdown > span { color: #526063; cursor: pointer; font-size: .7rem; font-weight: 800; text-decoration: none; }
.poula-utility-links i { color: #df7d17; margin-right: 4px; }
.poula-utility-selector { align-items: center; border-left: 1px solid #cfd8d7; display: inline-flex; min-height: 17px; padding-left: 10px; }
.poula-utility-selector form { margin: 0; }
.poula-utility-selector select { background: transparent; border: 0; color: #526063; font-size: .68rem; font-weight: 800; max-width: 85px; padding: 0; }
.poula-nav-dropdown { align-self: stretch; display: flex; }
.poula-nav-dropdown > span { align-items: center; color: #273235; cursor: pointer; display: flex; font-size: .88rem; font-weight: 800; padding: 17px 16px; white-space: nowrap; }
.poula-nav-dropdown > span:hover { color: #ffab32; }
.poula-nav-dropdown .dropdown-menu { border-color: #d9e0df; border-radius: 0 0 10px 10px; box-shadow: 0 12px 30px rgba(18,35,27,.15); }
.poula-nav-sale { color: #df7d17 !important; }
.poula-banner-space { padding-top: 30px; }
.poula-banner-card { align-items: flex-end; background: radial-gradient(circle at 85% 20%, rgba(112,225,63,.62), transparent 18%), radial-gradient(circle at 78% 90%, rgba(244,143,28,.38), transparent 25%), linear-gradient(135deg, #253538, #314d42); border-radius: 18px; color: #fff; display: flex; justify-content: space-between; min-height: 250px; overflow: hidden; padding: 42px; position: relative; }
.poula-banner-card::after { color: rgba(255,255,255,.09); content: "♫"; font-size: 15rem; font-weight: 700; line-height: .6; position: absolute; right: 8%; top: 22%; transform: rotate(-10deg); }
.poula-banner-card h1 { color: #fff; font-size: clamp(2rem, 4vw, 3.8rem); font-weight: 900; letter-spacing: -.05em; line-height: .96; margin: 0 0 12px; position: relative; z-index: 1; }
.poula-banner-card p:not(.poula-kicker) { color: #dfebdf; margin: 0; max-width: 470px; position: relative; z-index: 1; }
.poula-banner-tags { display: flex; flex-direction: column; gap: 8px; position: relative; text-align: right; z-index: 1; }
.poula-banner-tags span { background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; color: #fff; font-size: .69rem; font-weight: 900; letter-spacing: .08em; padding: 8px 13px; }
@media (max-width: 767.98px) { .poula-utility-links { gap: 9px; justify-content: center; } .poula-utility-links > a:first-child { display: none; } .poula-utility-selector { display: none; } .poula-banner-space { padding-top: 15px; } .poula-banner-card { align-items: flex-start; min-height: 230px; padding: 30px 25px; } .poula-banner-tags { display: none; } }

/* Desktop layout: permanent logo/category rail + configurable storefront area */
body { background: linear-gradient(135deg, #edf4ef 0%, #f6f8f6 44%, #e8eff1 100%); }
.poula-layout-header { background: transparent; }
.poula-header-shell { display: grid; grid-template-columns: 205px minmax(0, 1fr); margin: 0 auto; max-width: 1280px; }
.poula-logo-panel { align-items: center; background: #fff; border: 1px solid #d3ddda; border-bottom: 0; display: flex; min-height: 142px; padding: 13px; }
.poula-logo-panel img { display: block; height: auto; max-width: 100%; width: 185px; }
.poula-header-workspace { min-width: 0; }
.poula-layout-header .poula-utility-bar { background: rgba(235,240,240,.94); }
.poula-layout-header .poula-utility-bar .container { max-width: none; padding-left: 16px; padding-right: 16px; }
.poula-search-row { align-items: center; background: #fff; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) 220px; min-height: 78px; padding: 13px 18px; }
.poula-search-box #search { margin: 0; }
.poula-search-box #search .input-group { margin: 0 !important; }
.poula-search-box #search .form-control-lg { background: #f8faf9; border-color: #d6dfdc; height: 42px; }
.poula-search-box #search .btn-lg { height: 42px; }
.poula-search-row #cart { margin: 0; }
.poula-search-row #cart .btn { background: #252b2d; border: 0; font-size: .78rem; min-height: 42px; padding: 0 14px; }
.poula-quick-nav { background: linear-gradient(90deg, #a8dc61, #c7eb8e); display: flex; min-height: 40px; overflow-x: auto; }
.poula-quick-nav a { align-items: center; border-right: 1px solid rgba(76,119,26,.26); color: #31520f; display: flex; font-family: Georgia, serif; font-size: .88rem; font-weight: 800; justify-content: center; letter-spacing: .02em; min-width: 175px; padding: 8px 16px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.poula-quick-nav a:hover { background: rgba(255,255,255,.28); color: #1e3906; }
.poula-layout-header .poula-main-nav { border-top: 3px solid #57d529; box-shadow: none; padding-left: 16px; }
.poula-layout-header .poula-main-nav .container { max-width: none; padding: 0; }
.poula-page-frame { display: grid; grid-template-columns: 205px minmax(0, 1fr); margin: 0 auto; max-width: 1280px; }
.poula-sidebar { background: rgba(255,255,255,.77); border: 1px solid #d3ddda; border-top: 0; min-height: 720px; }
.poula-sidebar-title { background: #f6f8f7; border-bottom: 1px solid #d4dfda; color: #2b3839; font-size: .92rem; font-weight: 900; padding: 12px; }
#poula-category-menu { display: block; }
.poula-side-category { border-bottom: 1px solid #d4e3c8; position: relative; }
.poula-side-category > a { background: linear-gradient(90deg, #c6ec90, #afe26c); color: #41641d; display: block; font-size: .83rem; font-weight: 800; min-height: 39px; padding: 10px 34px 10px 13px; text-decoration: none; }
.poula-side-category > a::before { content: "›"; font-size: 1.2rem; left: 7px; line-height: 1; position: absolute; top: 8px; }
.poula-side-category > a:hover { background: #94d84a; color: #193700; }
.poula-side-category button { background: #168147; border: 0; border-radius: 50%; color: #fff; font-size: .58rem; height: 17px; position: absolute; right: 10px; top: 11px; width: 17px; z-index: 2; }
.poula-side-children { background: #fff; }
.poula-side-children a { border-top: 1px solid #edf2e9; color: #52674b; display: block; font-size: .75rem; padding: 8px 14px 8px 24px; text-decoration: none; }
.poula-sidebar-links { border-top: 8px solid #edf1ef; padding-top: 8px; }
.poula-sidebar-links a { color: #4d6651; display: block; font-size: .78rem; font-weight: 700; padding: 10px 13px; text-decoration: none; }
.poula-sidebar-links i { color: #e3851c; margin-right: 6px; }
.poula-main-content { background: rgba(255,255,255,.38); min-width: 0; }
.poula-main-content .poula-banner-space { max-width: none; padding: 18px 22px 0; }
.poula-main-content .poula-section { max-width: none; padding: 38px 22px 65px; }
.poula-main-content .poula-banner-card { min-height: 220px; }
.poula-main-content .poula-category-card { min-height: 158px; }
.poula-admin-sections { margin-top: 36px; }
.poula-admin-slot:empty { display: none; }
footer.poula-footer { margin: 0 auto; max-width: 1280px; }
@media (max-width: 767.98px) { .poula-header-shell, .poula-page-frame { display: block; } .poula-logo-panel { justify-content: center; min-height: auto; } .poula-logo-panel img { width: 210px; } .poula-page-frame { margin: 0; } .poula-sidebar { display: none; } .poula-search-row { grid-template-columns: 1fr; padding: 12px; } .poula-quick-nav a { min-width: 145px; } .poula-layout-header .poula-main-nav { padding-left: 0; } .poula-main-content .poula-banner-space, .poula-main-content .poula-section { padding-left: 14px; padding-right: 14px; } }

/* Refined two-row header and pale green storefront canvas */
body { background: linear-gradient(135deg, #e5f0e8 0%, #f2f8f1 43%, #e5f0e8 100%); }
.poula-header-shell, .poula-page-frame, footer.poula-footer { max-width: 1360px; }
.poula-header-shell, .poula-page-frame { grid-template-columns: 240px minmax(0, 1fr); }
.poula-logo-panel { align-items: flex-start; background: linear-gradient(145deg, #f6fbf5, #dcecdf); min-height: 132px; padding: 19px 11px 8px; }
.poula-logo-panel img { width: 218px; }
.poula-layout-header .poula-utility-bar { background: #e0ebe2; min-height: 39px; }
.poula-utility-links { gap: 13px; min-height: 39px; }
.poula-utility-links > a, .poula-utility-links .dropdown > span { font-size: .72rem; }
.poula-utility-cart { display: inline-flex; margin-left: 2px; }
.poula-utility-cart #cart { margin: 0; }
.poula-utility-cart #cart .btn { background: #263032; border: 0; border-radius: 5px; font-size: .72rem; min-height: 29px; padding: 0 11px; }
.poula-search-row { background: #f2f8f2; display: flex; justify-content: center; min-height: 52px; padding: 7px 16px; }
.poula-search-box { max-width: 500px; width: 100%; }
.poula-search-box #search .form-control-lg { font-size: .78rem; height: 35px; }
.poula-search-box #search .btn-lg { height: 35px; padding: 0 17px; }
.poula-quick-nav { min-height: 39px; }
.poula-quick-nav a { min-width: 155px; padding: 7px 13px; }
.poula-layout-header .poula-main-nav { align-items: center; display: flex; min-height: 49px; overflow-x: auto; padding-left: 14px; }
.poula-layout-header .poula-main-nav > a { display: inline-flex; padding: 14px 15px; }
.poula-layout-header .poula-nav-dropdown > span { padding: 14px 15px; }
.poula-main-content { background: rgba(232,244,234,.46); }
.poula-sidebar { background: rgba(241,249,241,.86); }
.poula-main-content .poula-banner-space { padding-top: 21px; }
.poula-main-content .poula-section { padding-top: 32px; }
.poula-section-heading { border-color: #cadccd; }
.poula-category-card { background: linear-gradient(145deg, #f8fcf7, #e4f1e5); }
@media (max-width: 1080px) { .poula-header-shell, .poula-page-frame { grid-template-columns: 210px minmax(0, 1fr); } .poula-logo-panel img { width: 190px; } .poula-utility-links { gap: 8px; } .poula-utility-selector { display: none; } }
@media (max-width: 767.98px) { .poula-logo-panel { align-items: center; min-height: auto; } .poula-logo-panel img { width: 215px; } .poula-utility-links { flex-wrap: wrap; justify-content: center; padding: 5px 8px; } .poula-utility-cart { order: 2; } .poula-search-row { padding: 9px 12px; } }