{% comment %}Alternative Header - Two Row Layout Row 1:Logo (left) | Icons (right) Row 2:Full width menu{% endcomment %}{% liquid assign section_st=section.settings assign main_menu=linklists['main-menu-2'] %}<style>.alt-header{background:{{section_st.background_color}};box-shadow:0 2px 4px rgb(0 0 0 / 0.1);position:relative;z-index:100;width:100%}.alt-header__top-row{display:flex;align-items:center;justify-content:space-between;padding:{{section_st.padding_top}}px{{section_st.padding_horizontal}}px{{section_st.padding_bottom}}px;max-width:1400px;margin:0 auto}.alt-header__logo{flex:0 0 auto;max-width:{{section_st.logo_width}}px}.alt-header__logo img{display:block;width:auto;height:auto;max-width:100%;max-height:60px}.alt-header__logo span{font-size:24px;font-weight:700;color:{{section_st.menu_color}}}.alt-header__actions{display:flex;align-items:center;gap:20px}.alt-header__action-btn{position:relative;color:{{section_st.icon_color}};text-decoration:none;transition:color 0.3s ease;cursor:pointer;display:flex;align-items:center}.alt-header__action-btn:hover{color:{{section_st.icon_hover_color}}}.alt-header__action-btn svg{width:24px;height:24px}.alt-header__cart-count{position:absolute;top:-8px;right:-8px;background:{{section_st.cart_badge_bg}};color:{{section_st.cart_badge_color}};border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.alt-header__menu-row{border-top:1px solid{{section_st.menu_border_color}};background:{{section_st.menu_background}}}.alt-header__menu-container{max-width:1400px;margin:0 auto;padding:0{{section_st.padding_horizontal}}px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.alt-header__menu-container::-webkit-scrollbar{display:none}.alt-header__menu{display:flex;gap:{{section_st.menu_spacing}}px;list-style:none;margin:0;padding:0;align-items:center;justify-content:{{section_st.menu_alignment}};min-height:50px}.alt-header__menu-item{position:relative;flex:0 0 auto}.alt-header__menu-link{color:{{section_st.menu_color}};text-decoration:none;padding:15px{{section_st.menu_item_padding}}px;display:inline-flex;align-items:center;gap:5px;font-size:{{section_st.menu_font_size}}px;font-weight:{{section_st.menu_font_weight}};transition:all 0.3s ease;white-space:nowrap;border-bottom:2px solid #fff0}.alt-header__menu-link:hover{color:{{section_st.menu_hover_color}};background:{{section_st.menu_hover_bg}};border-bottom-color:{{section_st.menu_hover_color}}}.alt-header__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e0e0e0;border-radius:0 0 4px 4px;box-shadow:0 4px 6px rgb(0 0 0 / 0.1);min-width:220px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}.alt-header__menu-item:first-child .alt-header__dropdown,.alt-header__menu-item:nth-child(2) .alt-header__dropdown{left:0;transform:none}.alt-header__menu-item:last-child .alt-header__dropdown,.alt-header__menu-item:nth-last-child(2) .alt-header__dropdown{left:auto;right:0;transform:none}.alt-header__menu-item:hover .alt-header__dropdown{opacity:1;visibility:visible}.alt-header__dropdown-item{border-bottom:1px solid #f0f0f0}.alt-header__dropdown-item:last-child{border-bottom:none}.alt-header__dropdown-link{color:#333;text-decoration:none;display:block;padding:12px 20px;font-size:14px;transition:all 0.2s ease;white-space:nowrap}.alt-header__dropdown-link:hover{color:{{section_st.menu_hover_color}};background:#f5f5f5}.alt-header__dropdown-arrow{width:8px;height:8px;display:inline-block;margin-left:4px}@media (max-width:768px){.alt-header__top-row{padding:10px 15px}.alt-header__menu-row{display:none}.alt-header__mobile-toggle{display:block;background:none;border:none;cursor:pointer;color:{{section_st.menu_color}};padding:5px;margin-right:10px}.alt-header__actions{gap:15px}.alt-header__action-btn svg{width:22px;height:22px}}@media (min-width:769px){.alt-header__mobile-toggle{display:none}}</style><header class="alt-header" data-section-id="{{ section.id }}"><!-- Top Row:Logo+Icons --><div class="alt-header__top-row"><!-- Mobile Menu Toggle --><button class="alt-header__mobile-toggle" aria-label="Menu"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h18M3 6h18M3 18h18" stroke-linecap="round"/></svg></button><!-- Logo --><div class="alt-header__logo"><a href="{{ routes.root_url }}" aria-label="{{ shop.name }}">{% if section_st.logo !=blank %}{{section_st.logo | image_url:width:300 | image_tag:alt:shop.name,loading:'eager'}}{% else %}<span>{{shop.name}}</span>{% endif %}</a></div><!-- Action Icons --><div class="alt-header__actions"><!-- User Account --><a href="{{ routes.account_url }}" class="alt-header__action-btn" aria-label="Account"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" stroke-linecap="round"/><circle cx="12" cy="7" r="4"/></svg></a><!-- Wishlist -->{% if section_st.show_wishlist %}<a href="/pages/wishlist" class="alt-header__action-btn" aria-label="Wishlist"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" stroke-linecap="round"/></svg></a>{% endif %}<!-- Cart --><a href="{{ routes.cart_url }}" class="alt-header__action-btn" aria-label="Cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 2L6 6H2l2 14h16l2-14h-4l-3-4h-6z" stroke-linecap="round" stroke-linejoin="round"/></svg>{% if cart.item_count>0 %}<span class="alt-header__cart-count">{{cart.item_count}}</span>{% endif %}</a></div></div><!-- Bottom Row:Menu (Hardcoded to main-menu-2) --><div class="alt-header__menu-row"><div class="alt-header__menu-container">{% if main_menu and main_menu.links.size>0 %}<nav role="navigation" aria-label="Main navigation"><ul class="alt-header__menu">{% for link in main_menu.links %}<li class="alt-header__menu-item"><a href="{{ link.url }}" class="alt-header__menu-link">{{link.title}}{% if link.links.size>0 %}<svg class="alt-header__dropdown-arrow" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>{% endif %}</a>{% if link.links.size>0 %}<ul class="alt-header__dropdown">{% for child_link in link.links %}<li class="alt-header__dropdown-item"><a href="{{ child_link.url }}" class="alt-header__dropdown-link">{{child_link.title}}</a></li>{% endfor %}</ul>{% endif %}</li>{% endfor %}</ul></nav>{% else %}<div style="text-align: center; color: #999; padding: 15px;">Menu "main-menu-2" not found or empty </div>{% endif %}</div></div></header>{% schema %}{"name":"Alternative Header","settings":[{"type":"header","content":"Logo Settings"},{"type":"image_picker","id":"logo","label":"Logo"},{"type":"range","id":"logo_width","label":"Logo Max Width","min":60,"max":250,"step":10,"default":180,"unit":"px"},{"type":"header","content":"General Colors"},{"type":"color","id":"background_color","label":"Header Background","default":"#ffffff"},{"type":"header","content":"Menu Settings"},{"type":"color","id":"menu_background","label":"Menu Row Background","default":"#ffffff"},{"type":"color","id":"menu_border_color","label":"Menu Border Color","default":"#e0e0e0"},{"type":"select","id":"menu_alignment","label":"Menu Alignment","options":[{"value":"flex-start","label":"Left"},{"value":"center","label":"Center"},{"value":"flex-end","label":"Right"},{"value":"space-between","label":"Space Between"},{"value":"space-around","label":"Space Around"}],"default":"center"},{"type":"color","id":"menu_color","label":"Menu Text Color","default":"#333333"},{"type":"color","id":"menu_hover_color","label":"Menu Hover Color","default":"#000000"},{"type":"color","id":"menu_hover_bg","label":"Menu Hover Background","default":"rgba(0, 0, 0, 0.05)"},{"type":"range","id":"menu_font_size","label":"Menu Font Size","min":13,"max":18,"step":1,"default":15,"unit":"px"},{"type":"select","id":"menu_font_weight","label":"Menu Font Weight","options":[{"value":"400","label":"Normal"},{"value":"500","label":"Medium"},{"value":"600","label":"Semi-Bold"},{"value":"700","label":"Bold"}],"default":"500"},{"type":"range","id":"menu_spacing","label":"Space Between Menu Items","min":0,"max":30,"step":5,"default":10,"unit":"px"},{"type":"range","id":"menu_item_padding","label":"Menu Item Side Padding","min":10,"max":25,"step":5,"default":15,"unit":"px"},{"type":"header","content":"Icons"},{"type":"color","id":"icon_color","label":"Icon Color","default":"#333333"},{"type":"color","id":"icon_hover_color","label":"Icon Hover Color","default":"#000000"},{"type":"checkbox","id":"show_wishlist","label":"Show Wishlist Icon","default":true},{"type":"color","id":"cart_badge_bg","label":"Cart Badge Background","default":"#ff0000"},{"type":"color","id":"cart_badge_color","label":"Cart Badge Text Color","default":"#ffffff"},{"type":"header","content":"Spacing"},{"type":"range","id":"padding_top","label":"Top Row Padding Top","min":10,"max":30,"step":5,"default":15,"unit":"px"},{"type":"range","id":"padding_bottom","label":"Top Row Padding Bottom","min":10,"max":30,"step":5,"default":15,"unit":"px"},{"type":"range","id":"padding_horizontal","label":"Horizontal Padding","min":15,"max":40,"step":5,"default":20,"unit":"px"}],"presets":[{"name":"Alternative Header"}]}{% endschema %}