.obr-sec{max-width:1200px;margin:0 auto;padding:48px 16px;font-family:inherit;color:#222}
.obr-sec h2{font-size:28px;font-weight:600;margin:0 0 6px;text-align:center}
.obr-sec .obr-sub{text-align:center;color:#777;margin:0 0 32px;font-size:15px}
.obr-orient{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.obr-orient a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;padding:32px 20px 26px;background:#f7f4ee;border-radius:14px;text-decoration:none;color:#222;transition:transform .25s,box-shadow .25s,background .25s;min-height:300px}
.obr-orient a:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.1);background:#fff}
.obr-frame{position:relative;border:8px solid #2b2b2b;box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 0 0 6px #fff;background:linear-gradient(135deg,#d8c39a 0%,#8fa7b8 55%,#4d6a7c 100%);transition:border-color .25s}
.obr-orient a:hover .obr-frame{border-color:#c89e36}
.obr-frame.h{width:200px;height:134px}
.obr-frame.v{width:124px;height:180px}
.obr-frame.s{width:156px;height:156px}
.obr-orient strong{font-size:20px;font-weight:600}
.obr-orient span{font-size:14px;color:#8a7440}
.obr-colors-main{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.obr-colors-main a{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e6e1d7;border-radius:12px;text-decoration:none;color:#222;transition:border-color .2s,box-shadow .2s}
.obr-colors-main a:hover{border-color:#c89e36;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.obr-colors-main i{flex:0 0 46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.obr-colors-main b{display:block;font-size:16px;font-weight:600}
.obr-colors-main small{color:#8a7440;font-size:13px}
.obr-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:18px 12px}
.obr-swatches a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#444;font-size:14px}
.obr-swatches i{width:58px;height:58px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.obr-swatches a:hover i{transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 0 0 5px #c89e36}
.obr-swatches small{color:#999;font-size:12px;margin-top:-6px}
.c-multi{background:conic-gradient(#e74c3c,#f1c40f,#2ecc71,#3498db,#9b59b6,#e74c3c)}
.c-bw{background:linear-gradient(135deg,#111 50%,#fff 50%)}
.c-bwc{background:linear-gradient(135deg,#111 50%,#e67e22 50%)}
.c-pestra{background:conic-gradient(#ff2d55,#ff9500,#ffcc00,#34c759,#00c7be,#007aff,#af52de,#ff2d55)}
.obr-orient a .obr-txt{display:flex;flex-direction:column;align-items:center;gap:4px}.obr-swatches .obr-all{background:#f7f4ee;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:22px;color:#c89e36}
@media (max-width:900px){.obr-colors-main{grid-template-columns:repeat(2,1fr)}.obr-swatches{grid-template-columns:repeat(5,1fr)}}
@media (max-width:640px){.obr-orient{grid-template-columns:1fr;gap:14px}.obr-orient a{flex-direction:row;justify-content:flex-start;min-height:0;padding:18px;gap:20px}.obr-frame{border-width:5px;box-shadow:0 6px 14px rgba(0,0,0,.16),inset 0 0 0 3px #fff}.obr-frame.h{width:84px;height:56px}.obr-frame.v{width:48px;height:70px}.obr-frame.s{width:62px;height:62px}.obr-orient a .obr-txt{align-items:flex-start}.obr-colors-main{grid-template-columns:1fr}.obr-swatches{grid-template-columns:repeat(4,1fr)}.obr-swatches i{width:50px;height:50px}.obr-sec h2{font-size:23px}}
.hp-section .category-selector{float:none!important;width:auto!important;max-width:1200px;margin:0 auto!important;padding:44px 16px 4px!important;clear:both}
.hp-section .category-selector .header{float:none!important;width:auto!important;margin:0 0 26px!important;padding:0!important;border:0!important;background:none!important;text-align:center}
.hp-section .category-selector .header h2{font-size:28px;font-weight:600;color:#222;margin:0;padding:0;line-height:1.2;text-align:center}
.hp-section .category-selector ul{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0!important;padding:0!important}
.hp-section .category-selector ul li{float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;list-style:none}
.hp-section .category-selector ul li a{display:block;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}
.hp-section .category-selector ul li a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.hp-section .category-selector .selector-box{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:4/5;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:12px;overflow:hidden;margin:0!important;padding:0!important}
.hp-section .category-selector .selector-box::before,.hp-section .category-selector .bottom-box::before,.hp-section .category-selector .bottom-box::after,.hp-section .category-selector ul li a::before,.hp-section .category-selector ul li a::after,.hp-section .category-selector ul li::before,.hp-section .category-selector ul li::after{display:none!important;content:none!important}
.hp-section .category-selector .selector-box::after{content:""!important;display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;border:0!important;opacity:1!important;transform:none!important;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 28%,rgba(0,0,0,.18) 52%,rgba(0,0,0,0) 68%)!important;z-index:0!important;pointer-events:none}
.hp-section .category-selector .bottom-box{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:20px 20px 18px!important;background:none!important;text-align:left!important;z-index:1;transform:none!important}
.hp-section .category-selector .cat-label{color:#fff!important;font-size:20px!important;font-weight:700!important;line-height:1.2!important;text-shadow:0 1px 4px rgba(0,0,0,.6);margin:0!important;padding:0!important;background:none!important;text-align:left!important}
.hp-section .category-selector .cat-label .dot{display:none!important}
.hp-section .category-selector .cat-count{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;white-space:nowrap;line-height:1!important;color:#f0d68e!important;font-size:15px!important;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6);margin:8px 0 0!important;padding:0!important;text-decoration:none!important;background:none!important;border:0!important}
.hp-section .category-selector .more-categories .selector-box{background:#f4eee3!important;background-image:radial-gradient(circle at 50% 30%,#fbf8f2 0%,#efe6d4 100%)!important;box-shadow:inset 0 0 0 1px #e6dcc6;aspect-ratio:4/5;transition:background .25s}
.hp-section .category-selector .more-categories .selector-box::after{display:none}
.hp-section .category-selector .more-categories .center-box,.hp-section .category-selector .more-categories .bottom-box{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px!important;text-align:center!important;transform:none!important;top:0!important;width:auto!important;height:auto!important;margin:0!important;background:none!important}
.hp-section .category-selector .more-categories .cat-label{color:#2b2b2b!important;text-align:center!important;font-size:19px!important;line-height:1.3!important;text-shadow:none;width:100%!important;max-width:220px;margin:0 auto!important;float:none!important;position:static!important;left:auto!important;transform:none!important}
.hp-section .category-selector .more-categories .center-box,.hp-section .category-selector .more-categories .bottom-box{left:0!important;right:0!important;bottom:0!important;box-sizing:border-box!important}
.hp-section .category-selector .more-categories .cat-selector-link,.hp-section .category-selector .more-categories .cat-selector-button{display:block;width:100%}
.hp-section .category-selector .more-categories a:hover .selector-box{background-image:radial-gradient(circle at 50% 30%,#fff 0%,#f4ecdc 100%)!important}
.hp-section .category-selector .more-categories .cat-count{position:static!important;float:none!important;left:auto!important;transform:none!important;align-self:center;background:#c89e36!important;color:#fff!important;padding:13px 22px!important;border-radius:6px;font-size:15px!important;font-weight:600;text-shadow:none;justify-content:center;margin:0!important;transition:background .2s}
.hp-section .category-selector .more-categories a:hover .cat-count{background:#a9821f!important}
.hp-section .category-selector .arrow{display:inline-block!important;position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;vertical-align:middle;line-height:1!important}
.hp-section .category-selector .arrow::before{display:none!important;content:none!important}
.hp-section .category-selector .arrow::after{content:"\2192"!important;display:inline!important;position:static!important;width:auto!important;height:auto!important;border:0!important;background:none!important;transform:none!important;font-size:18px;line-height:1;color:inherit;margin:0!important}
@media (max-width:900px){.hp-section .category-selector ul{grid-template-columns:repeat(2,1fr);gap:14px}.hp-section .category-selector .cat-label{font-size:18px!important}.hp-section .category-selector .header h2{font-size:24px}}
@media (max-width:480px){.hp-section .category-selector{padding:32px 12px 0!important}.hp-section .category-selector ul{gap:10px}.hp-section .category-selector .bottom-box{padding:12px!important}.hp-section .category-selector .cat-label{font-size:15px!important}.hp-section .category-selector .cat-count{font-size:13px!important}.hp-section .category-selector .more-categories .cat-count{padding:10px 14px!important;font-size:13px!important;white-space:normal}.hp-section .category-selector .more-categories .cat-label{font-size:15px!important}}
.hp-section .category-selector ul li.more-categories .selector-box{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.hp-section .category-selector ul li.more-categories .selector-box::after,.hp-section .category-selector ul li.more-categories .selector-box::before{display:none!important;content:none!important;background:none!important}
.hp-section .category-selector ul li.more-categories .center-box,.hp-section .category-selector ul li.more-categories .bottom-box{position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:24px 18px!important;transform:none!important;float:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px;text-align:center!important;box-sizing:border-box!important}
.hp-section .category-selector ul li.more-categories .cat-label{width:auto!important;max-width:210px!important;margin:0 auto!important;padding:0!important;text-align:center!important;text-indent:0!important;position:static!important;float:none!important}
.hp-section .category-selector ul li.more-categories .cat-count{margin:0 auto!important;position:static!important;float:none!important;align-self:center!important}